沒有相關的標籤

-1

PHP輸入我在我的網站上登錄形式，它的輸入沒有相關的標籤，但對於輔助原因，他們應該有，因爲它說，在這裏：https://www.w3.org/WAI/tutorials/forms/labels/沒有相關的標籤

有什麼辦法避免這個還是讓他們隱藏起來？

下面是代碼：

<fieldset id='clogin'> 
 
<legend>Login</legend> 
 

 
<div class='input-group'> 
 
\t <span class='input-group-addon'><i class='fa fa-user'></i></span> 
 
    <input id='username' type='text' class='form-control' name='login' value='' placeholder='Username' required='' autofocus=''> 
 
</div> 
 

 
<div class='input-group'> 
 
\t <span class='input-group-addon'><i class='fa fa-lock'></i></span> 
 
\t <input id='password' type='password' class='form-control' name='password' placeholder='Password' required=''> 
 
</div> 
 

 
<button type='submit' class='btn btn-lg btn-primary btn-block'>Login</button><br style='clear: both;'> 
 

 
</fieldset>

來源

2017-08-02 Denis Hernández

作爲@ B.Desai已經提到的，你根本不要使用''標籤。只需從您的代碼中完全刪除標籤。 – vsharper

@ B.Desai - 人們應該如何知道在沒有標籤的情況下打字的內容？（請記住，當您提供輸入焦點時，佔位符會消失，屏幕閱讀器往往不會讀出佔位符）？無障礙指南是有原因的。標籤是強制性的。不要讓人們忽略它們。 – Quentin

「有什麼辦法可以避免這種情況或讓它們隱藏起來？」 - 您鏈接到該主題的文檔中有一個**巨大的**部分**。繼續閱讀前幾段。 – Quentin

在視UX點，佔位符只能是不顯示輸入正確的方法，因爲當你開始輸入的東西，你我必須記住這個標籤。

但是，如果你想隱藏標籤，只需添加display: none

在HTML文件中

<label for="input" class="hide">input</label>

在你的CSS文件

.hide 
    { 
    display:none; 
    }

來源

2017-08-02 09:46:41 Crssss

這是一個可怕的建議。如果他們是'display：none'，那麼人們就看不到他們，屏幕閱讀器也不會讀出來。爲了所有的好處，你可能不會有他們。 – Quentin

你說得對，沒用，並且不能用於輔助功能。這應該更好地回答你的問題： http://webaim.org/techniques/css/invisiblecontent/ – Crssss

沒有相關的標籤

回答

相關問題