必須属性と入力要素にaria-required属性を使用するタイミングは？

Question

私はフォームにアクセス可能にしようとしています。私の入力にrequiredとaria-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は、両方を実装するのが最善であると主張しています。

Answer 1

2012年にJohn Foliotがその記事を書いたとき、それは非常に真実でした。あなたは両方が必要でした。

今日はもはやそうではありません。私は、あなたの例を取るそれをin a CodePenを入れて、（今日申し訳ありませんが、VoiceOverの）JAWSやNVDAでそれを確認することができます。

<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/

Answer 2

HTML5は今、必要な属性を持っています、まだHTML5をサポートしていないユーザーエージェントには、aria-requiredはまだ になります。

参考：Using the aria required attribute post on MDN