Tabing不起作用。...箭头键是否兼容?

时间:2018-06-29 03:28:09

标签: javascript html css button accessibility

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

3 个答案:

答案 0 :(得分:2)

使用箭头键被认为符合某些帮助。分配$ DEVELOPER_DIR=/Applications/Xcode9.4.1.app/Contents/Developer /Applications/Xcode9.4.1.app/Contents/Developer/Toolchains/XcodeDefault.xctoolchain/usr/bin/swift package generate-xcodeproj 会让视障人士知道有多种选择。

此外,为每个选项分配role=radiogroup可以帮助屏幕阅读器知道哪些被选中,哪些未被选中。

完整代码示例:

role="radio" aria-checked="false"

签出此w3 example

答案 1 :(得分:1)

单选元素的表单控件仅限于箭头键。

您实际上无法通过无线电控件“制表”。

要回答您的问题,请使用箭头键

答案 2 :(得分:0)

是的,这是单选按钮的预期行为。单选按钮组代表制表顺序中的单个位置,箭头键提供单选组内部的选择方式。

使用HTML单选输入是首选,因为Web浏览器会自动设置此行为,因此,使用JavaScript不需要做任何特别的事情。参见First Rule of ARIA Use

如果您不使用HTML单选输入,请遵循Radio Group pattern from the WAI-ARIA Authoring Practices,其中描述了您需要使用JavaScript实现的预期键盘行为和ARIA语义。样本实现也可以在那里研究。