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

时间:2016-06-22 17:36:05

标签: html5 accessibility required wai-aria html-input

我正在尝试使表单可访问。我应该将输入同时包含"sign":"<" "sign":"%3d" 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">

文章Accessible HTML5 Forms – Required Inputs声称最好同时实施这两项。

2 个答案:

答案 0 :(得分:29)

当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

您可以阅读2015年由Steve Faulkner(ARIA规范的编辑之一)撰写的关于ARIA属性的更多内容:http://html5doctor.com/on-html-belts-and-aria-braces/

答案 1 :(得分:2)

  

HTML5现在具有必需的属性,但仍然需要咏叹调   对于尚不支持HTML5的用户代理有用。

参考:Using the aria required attribute post on MDN