Chrome Vox 没有获得单选按钮

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>

这是一个片段：

<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>

这是 fiddle。

知道为什么 Chrome Vox 会忽略其他单选按钮吗？我能做些什么来解决这个问题？谢谢

Answer 1

实际上，这是 "default" 浏览器行为。当使用 tab 导航时，可以进入单选按钮组，一旦进入该组，就可以使用箭头键在不同的选项中导航。对我来说似乎不是很明显，但我会尝试了解这是否是真正的辅助功能用户的预期行为。

所以，这实际上不是代码或 Chrome Vox 的问题，而是浏览器应该工作的方式。