javascript - Tab 键无法正常工作...箭头键是否兼容?

标签 javascript html css button accessibility

关于可访问性,使用箭头键而不是通过具有多个单选按钮的表单进行 Tab 键是否被认为是合规的?或者它是否必须允许制表符?我正在做一个测验,选项卡仅转到第一个单选按钮,然后直接转到提交按钮,跳过其他三个选项。但使用箭头键它将循环显示问题的所有答案选项。

最佳答案

使用箭头键被认为符合某些帮助。分配 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 example

关于javascript - Tab 键无法正常工作...箭头键是否兼容?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51093838/

相关文章:

javascript - 我无法使用 rowReorder 替换 dataTable 中的行

javascript - 使用javascript使html页面中的文本加粗

javascript - 如何将div背景设置为 Canvas

javascript - 用于提交的输入类型范围数组值和 ID

javascript - 使用 jquery 识别文本并将其加热到容器内

javascript - 发送 html+css 作为响应的简单 node.js 服务器

Javascript 不会将数组值放入 CSS 语法中

php - 标签不想使用 php 居中

jquery - 如何将类似苹果iphone 的效果应用于菜单列表?

html - 如何让标签之间的空格不显示?