如何修复在 Google Chrome 上为 Android 更改单选按钮选择时多次通告选中状态更改的对讲
How to fix Talkback announcing checked state change multiple times when changing radio button selection on Google Chrome for Android
我正在开发一个 AA 可访问的 Web 应用程序，其中有一个带有单选按钮组的简单表单。当我已经选择了一个单选按钮并更改选择时，Android Talkback 宣布状态更改两次。
它会说，"unchecked checked" 或 "checked unchecked"。
我的标记严格遵循此处所述的可访问性指南 https://webaim.org/techniques/forms/controls#radio。我什至不确定这是错误还是功能。
代码笔：https://codepen.io/bhargavshah/pen/PXVBML
<fieldset>
<legend>Choose a shipping method:</legend>
<input id="overnight" type="radio" name="shipping" value="overnight">
<label for="overnight">Overnight</label><br>
<input id="twoday" type="radio" name="shipping" value="twoday">
<label for="twoday">Two day</label><br>
<input id="ground" type="radio" name="shipping" value="ground">
<label for="ground">Ground</label>
</fieldset>
预期结果：在选择更改时，对话应在单选按钮上宣布"Checked"。
实际结果：选择更改时，对讲会在单选按钮上通告"Unchecked checked"。
我刚刚遇到这个 post，因为我正在寻找与复选框相关的不同问题的答案，但以防万一您没有得到答案，这不是缺陷。这是预期的屏幕 reader 行为，它会告诉您项目的当前状态，然后是新状态。
我正在开发一个 AA 可访问的 Web 应用程序，其中有一个带有单选按钮组的简单表单。当我已经选择了一个单选按钮并更改选择时，Android Talkback 宣布状态更改两次。 它会说，"unchecked checked" 或 "checked unchecked"。
我的标记严格遵循此处所述的可访问性指南 https://webaim.org/techniques/forms/controls#radio。我什至不确定这是错误还是功能。
代码笔：https://codepen.io/bhargavshah/pen/PXVBML
<fieldset>
<legend>Choose a shipping method:</legend>
<input id="overnight" type="radio" name="shipping" value="overnight">
<label for="overnight">Overnight</label><br>
<input id="twoday" type="radio" name="shipping" value="twoday">
<label for="twoday">Two day</label><br>
<input id="ground" type="radio" name="shipping" value="ground">
<label for="ground">Ground</label>
</fieldset>
预期结果：在选择更改时，对话应在单选按钮上宣布"Checked"。
实际结果：选择更改时，对讲会在单选按钮上通告"Unchecked checked"。
我刚刚遇到这个 post，因为我正在寻找与复选框相关的不同问题的答案，但以防万一您没有得到答案，这不是缺陷。这是预期的屏幕 reader 行为，它会告诉您项目的当前状态，然后是新状态。