div按钮可访问性可点击

时间:2017-09-26 11:28:57

标签: accessibility wai-aria screen-readers jaws-screen-reader wcag2.0

我有一个div元素(里面有另一个div),当前有一个角色="按钮"。 此元素位于正文下方,这会在何时产生违规 使用某些可访问性评估工具进行审计(特别是DAP)。

违规的原因:"所有内容必须位于WAI-ARIA地标或带标签的区域角色中#34;

使用"按钮"以外的角色时使用JAWS屏幕阅读器时,它变得无法点击。

我尝试过一个角色="补充"主div和角色="按钮"它的子div - 这使整个元素无法使用键盘点击。

任何建议都将受到最高赞赏.. 谢谢!

1 个答案:

答案 0 :(得分:0)

使用免费角色的div应该具有-1的tabindex。您要关注的按钮的tabindex应为0/1。这将确保辅助功能阅读器将重点关注此组件,当它们执行时,它将选择按钮。

以下是可能有用的链接: https://www.w3.org/TR/2009/WD-wai-aria-practices-20090224/

希望这有帮助!