为什么屏幕读取器通过直接选择它们导航无线电 /复选框按钮？

Question

我试图对WCAG友好，并创建了一组广播按钮，当他们收到换个方案时，触发动作。但是，当我尝试通过Shift+Arrow浏览它时，我发现它不仅会集中在它们，还要立即检查它们吗？我在这里错过了什么，还是正常的行为？

编辑：

例如，代码看起来像这样：

<input type="radio" name="month" value="jan">January</input>
<input type="radio" name="month" value="feb">February</input>
<input type="radio" name="month" value="mar">March</input>

Answer 1

您没有发布任何代码，因此我假设您正在使用

<input type="radio">

，并且其中有几个具有相同的name属性，并且每个广播按钮都具有与它们的正确关联标签。 （很多假设，但我们只能猜测您不发布任何代码。）

当最初选择 no 无线电按钮时，不同的浏览器对它们进行了不同的处理导航。

• 在Firefox上，我可以选项卡 组中的每个单选按钮。
• 在Chrome上，我只能选项卡 组中的一个单选按钮。

选项卡 do 不选择“单选”按钮。它只会将焦点移动到那里。

一旦我的重点放在广播按钮上，箭头键就会执行两个行为：

1. 它将焦点移至组中的下一个（或上一个）和中的下一个（或上一个）
2. 单选按钮。广播按钮。

听起来您要问＃2 Behaivor。如果是这样，那么您看到的就是正常行为。