为什么屏幕阅读器通过直接选择来导航单选/复选框按钮?
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 上,我可以 tab 到 each 组中的单选按钮。
- 在Chrome上,我只能tab到一个组中的单选按钮。
选项卡 不是 select 单选按钮。它只会将焦点移到那里。
一旦我的注意力集中在单选按钮上,箭头键就会执行两种行为:
- 它将焦点移动到组中的下一个(或上一个)单选按钮和
- 它 select 是单选按钮。
听起来你是在问#2 行为。如果是这样,那么您看到的是正常行为。
我试图对 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 上,我可以 tab 到 each 组中的单选按钮。
- 在Chrome上,我只能tab到一个组中的单选按钮。
选项卡 不是 select 单选按钮。它只会将焦点移到那里。
一旦我的注意力集中在单选按钮上,箭头键就会执行两种行为:
- 它将焦点移动到组中的下一个(或上一个)单选按钮和
- 它 select 是单选按钮。
听起来你是在问#2 行为。如果是这样,那么您看到的是正常行为。