javascript - 选项卡不起作用....箭头键是否兼容？

Question

关于可访问性，是否使用箭头键而不是在具有多个单选按钮的表单中切换被认为是合规的？还是必须允许制表符？我正在做一个测验，标签只会转到第一个单选按钮，然后直接转到提交按钮，跳过其他三个选项。但是使用箭头键，它将循环浏览问题的所有答案选项。

标签： javascripthtmlcssbuttonaccessibility

Answer 1

在某些帮助下，使用箭头键被认为是合规的。分配role=radiogroup会让视力受损的人知道有多个选项可供选择。

此外，分配role="radio" aria-checked="false"给每个选项将帮助屏幕阅读器知道哪些被选中，哪些未被选中。

完整代码示例：

<div role="radiogroup" aria-labelledby="gdesc1">
  <h3>Pizza Crust</h3>
  <div role="radio" aria-checked="false" tabindex="0">
    Regular crust 
  </div>
 <div role="radio" aria-checked="false" tabindex="-1">
   Deep dish 
 </div>
 <div role="radio" aria-checked="false" tabindex="-1">
   Thin crust 
 </div>

查看这个w3 示例