我正在尝试使表单易于访问。我应该让我的输入同时具有 disabled
和 aria-disabled
属性,还是只有一个?
<label for="textbox1">Input</label>
<input id="textbox1" type="text" name="Text Box" disabled>
还是这样?
<label for="textbox1">Input</label>
<input id="textbox1" type="text" name="Text Box" aria-disabled="true">
还是这样?
<label for="textbox1">Input</label>
<input id="textbox1" type="text" name="Text Box" aria-disabled="true" disabled>
最佳答案
我可以举你的例子,把它写成in a CodePen ,并在 JAWS 和 NVDA 中查看(抱歉,今天没有 VoiceOver):
<label for="textbox1">Input</label>
<input id="textbox1" type="text" name="Text Box" disabled>
您会很高兴知道 NVDA 和 JAWS 都跳过了该字段(或者如果明确聚焦,则宣布该字段已禁用)。
简而言之,您不再需要aria-disabled
。只需使用 disabled
。
您可以在 Steve Faulkner(ARIA 规范的编辑之一)于 2015 年撰写的这篇文章中阅读更多关于可以转储的 ARIA 属性的信息(尽管未明确列出 aria-disabled
,概念相同):http://html5doctor.com/on-html-belts-and-aria-braces/
如果我的答案类似于 your other question关于 required
与 aria-required
,这是因为它们本质上是相同的答案。
关于html - 何时对 HTML 元素使用 disabled 属性与 aria-disabled 属性?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38059140/