html5 – 何时使用必需属性与输入元素的aria-required属性？

我正在努力使一个表单可访问.我应该让我的输入有所需要的和aria需要的属性,还是只有一个？

<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声称最好实现两者.

解决方法

当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.只需要使用.

2015年07月07日,您可以阅读更多关于ARIA属性的ARIA属性Steve Fulkner(ARIA规范的编辑)之一.