aria-live =“礼让”不会宣布选中的表单控件（如单选按钮/复选框）

Question

如果加载的内容具有表单控件（如单选按钮或复选框），则aria-live="polite"遇到一个奇怪的问题。

NVDA只会读取单选按钮的文本，但不会宣布有关已选择或选中哪个按钮的任何信息。

<a aria-label="Click Me" href="#">Click Me</a>
<div id="myForm" aria-live="polite"></div>

这是the 子 。

Answer 1

抱歉，您还没有得到一个好的答案。 欢迎来到无障碍环境。

您的问题与aria-live=“polite”无关，它只是NVDA工作的方式。 所以我想这是个好消息，您做对了。 在下面的示例中，我将默认选项更改为“两天”，因此我可以确认正在读取的内容不仅是第一个选项。

通过您的代码，我听到：

点击我链接

然后，我按SPACE键激活链接，然后听到：

选择运送方式：

过夜

两天<-您要说“已选择/已检查/已选中”

地面

如果我进入该群组，则会听到：

选择运送方式：

单选按钮未选中两天

为了获得所需的行为，我更新了HTML以生成不可见的<span> ，其中包含文本Default is "Two day" 。 现在我听到的是：

点击我链接

然后，我按SPACE键激活链接，然后听到：

选择一种送货方式，默认值为“两天”：

过夜

2天

地面

外观如下所示（注意图例中的跨度）：

<fieldset role="radiogroup" aria-labelledby="shipMethod" id="myFieldSet">
    <legend id="shipMethod">Choose a shipping method<span style="display:none;"> Default is "Two day"</span>:</legend>
    <input name="shipping" id="overnight" type="radio" value="overnight">
    <label for="overnight">Overnight</label>
    <br>
    <input name="shipping" id="twoday" type="radio" value="twoday" checked="checked">
    <label for="twoday">Two day</label>
    <br>
    <input name="shipping" id="ground" type="radio" value="ground">
    <label for="ground">Ground</label>
</fieldset>

您还可以通过更改控件焦点来获得类似的效果，但这对于使用屏幕阅读器的用户来说有点不酷。

这并不难实现，并且某种程度上是一种优雅，因为需要额外帮助的用户可以在不为其他用户更改的情况下获得它。