2016-06-22 57 views
11

我正在嘗試使表單可以訪問。我應該讓我的輸入具有requiredaria-required屬性,還是隻有一個?何時使用必需屬性與輸入元素的詠歎調要求屬性?

<label for="textbox1">Input</label> 
<input id="textbox1" type="text" name="Text Box" required> 

還是這樣?

<label for="textbox1">Input</label> 
<input id="textbox1" type="text" name="Text Box" aria-required="true"> 

還是這樣?

<label for="textbox1">Input</label> 
<input id="textbox1" type="text" name="Text Box" aria-required="true" required> 

該文章Accessible HTML5 Forms – Required Inputs聲稱最好實施兩者。

+1

文章鏈接看起來很大,答案取決於你搜索的兼容性選項。當你同時使用時,範圍最廣。你也可以看看https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-required_attribute – gevorg

回答

20

當John Foliot在2012年寫這篇文章時,這是非常真實的。你需要兩個。

今天不再是這種情況。我可以把你的榜樣,把它in a CodePen,並檢查它在JAWS和NVDA(抱歉,沒有今天的VoiceOver):

<label for="textbox1">Input</label> 
<input id="textbox1" type="text" name="Text Box" required> 

你會很高興地知道,NVDA和JAWS雙方宣佈領域的要求。

總之,你不需要需要aria-required不再。只需使用required即可。

你可以閱讀更多的關於ARIA屬性,你可以這篇文章由史蒂夫·福克納在轉儲從2015年(該ARIA規範的編輯之一):http://html5doctor.com/on-html-belts-and-aria-braces/

+1

看到類似的回答相關的問題在http://stackoverflow.com/questions/38059140 /時使用的助殘屬性-VS最詠歎調禁用屬性換HTML-eleme/38059790#38059790 – aardrian

相關問題