Question

我正在使用Chrome Vox测试网站的无障碍功能。我有3个单选按钮，其中一个被选中。我不明白为什么，但Chrome Vox只读取所选的单选按钮，其他按钮被忽略。

以下是一个例子：

<p>Chrome Vox test</p>

<input type="radio" id="radio1" name="radio" tabindex="0" role="radio" aria-checked="false">
<label for="radio1" class="space">Big explosions!!</label>

<input type="radio" id="radio2" name="radio" tabindex="0" role="radio" aria-checked="true" checked>
<label for="radio2">Free beer!!</label>

<input type="radio" id="radio3" name="radio" tabindex="0" role="radio" aria-checked="false">
<label for="radio3">Hot girls!!</label>

这是一个片段：

＆＃13;

<p>Chrome Vox test</p>

<input type="radio" id="radio1" name="radio" tabindex="0" role="radio" aria-checked="false">
<label for="radio1" class="space">Big explosions!!</label>
    
<input type="radio" id="radio2" name="radio" tabindex="0" role="radio" aria-checked="true" checked>
<label for="radio2">Free beer!!</label>

<input type="radio" id="radio3" name="radio" tabindex="0" role="radio" aria-checked="false">
<label for="radio3">Hot girls!!</label>

＆＃13;

这里是fiddle。

为什么Chrome Vox会忽略其他单选按钮？我该怎么做才能解决这个问题？感谢。

Answer 1

实际上，这是＆＃34;默认＆＃34;浏览器行为。使用= new HashSet();导航时，可以进入单选按钮组，一旦进入组内，则使用箭头键执行不同选项的导航。对我而言，似乎并不是很明显，但我会尝试了解这是否是真正的辅助功能用户的预期行为。

因此，这实际上不是代码或Chrome Vox的问题，但它是浏览器的工作方式。

Chrome Vox无法获得单选按钮

1 个答案: