为什么屏幕阅读器通过直接选择来导航单选/复选框按钮?

Why screen readers navigate radio / checkbox buttons by directly selecting them?

我试图对 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>

你没有post任何代码,所以我假设你正在使用

<input type="radio">

并且您有几个都具有相同的 name 属性,并且每个单选按钮都有一个正确关联的标签。 (很多假设,但如果您不 post 任何代码,我们只能猜测。)

no 单选按钮最初是 selected 时,不同的浏览器会以不同的方式处理它们的导航。

  • 在 Firefox 上,我可以 tabeach 组中的单选按钮。
  • 在Chrome上,我只能tab一个组中的单选按钮。

选项卡 不是 select 单选按钮。它只会将焦点移到那里。

一旦我的注意力集中在单选按钮上,箭头键就会执行两种行为:

  1. 它将焦点移动到组中的下一个(或上一个)单选按钮
  2. 它 select 是单选按钮。

听起来你是在问#2 行为。如果是这样,那么您看到的是正常行为。