使用键盘向下箭头更改选项时，JAWS 未读取选择框值答案

【问题标题】：JAWS not reading select box value when changing options using keyboard down arrow使用键盘向下箭头更改选项时，JAWS 未读取选择框值
【发布时间】：2014-06-19 05:00:35
【问题描述】：

我正在使用 JAWS 阅读器测试我的网页的可访问性。下面是我页面中的示例 HTML 标记。

<label for="MySelectBox">Select a color</label>
<select id="MySelectBox">
    <option>Red</option>
    <option>Blue</option>
    <option>Green</option>
</select>

当通过键盘导航页面并使用向下箭头键更改选择框值时，JAWS 不会在您按下向下箭头时读取更改的值。

我在这里遗漏了什么？我是否应该添加任何其他 ARIA 标签以使 JAWS 识别更改事件？

【问题讨论】：

JAWS 怎么说？基本上，我唯一的想法是您不会自动进入表单模式。
当您进入组合框时，JAWS 不会读取任何内容。它只是静静地坐着。当您切换到下一个字段时，它会开始读取该字段。
您还没有说明您在 Jaws 中使用的是哪种浏览器，但您是否尝试过 alt-down 来选择选项？这可能适用于 IE。
基本上，Alt+Down 仅用于触发对项目选择立即进行页面更新的选择框（顺便说一句，这对盲人用户来说是个头疼的问题）。但我仍然不明白 OP 的含义：我制作了一个带有编辑框、问题中的选择框和提交按钮的测试 HTML 页面，以及 Windows 7 下的 IE 11（JAWS 15 最新版本）一切用 Tab 正确读取。
你解决过这个问题吗？ @Menelion 这不是 Tab 的问题。当您按向下箭头更改选项时，它不会读取选项。我在 Windows 8 上使用 Chrome 43。

标签： html accessibility jaws-screen-reader

【解决方案1】：

这个看起来很奇怪。您可以通过首先创建仅包含您在此处粘贴的代码的测试 html 页面并在相同设置下对其进行测试来进行调试。如果可行，您可能需要返回页面并检查此选择框上方的格式不正确的标记。有时未封闭的标签（典型的罪魁祸首：<LI> 和 <BR>）和错误的 JavaScript/Jquery 元素操作会导致屏幕阅读器出现问题。如果可能，将您呈现的页面的 HTML 内容发布到此处以供其他人查看。

【讨论】：

【解决方案2】：

对于可能看到此内容的其他任何人，我在 JAWS 读取存储在 DropDownList 中的 ListItems 时遇到了问题。

我只在 Chrome 中对此进行了测试，在阅读了在 Firefox 中测试的 cmets 之后，JAWS 会在您使用箭头键滚动浏览 DropDownList 时读取 ListItems。所以这一定是与 Chrome 的兼容性问题。

【讨论】：

【解决方案3】：

您需要将 aria-live="assertive" 添加到选择标签。参考：http://www.freedomscientific.com/Training/Surfs-Up/AriaLiveRegions.htm

【讨论】：

添加一些解释，说明此答案如何帮助 OP 解决当前问题

【解决方案4】：

JAWS 不读取 <option>Red</option> 的文本。 <option> 应具有 aria 属性，即 aria-label="value"。
<option> 元素应为 @987654324 @aria-label="red">Red</option>.

【讨论】：

【解决方案5】：

我使用的是asp:Dropwnlist。这对我有用：

将aria-live="assertive" 添加到<asp:DropDownList> </asp:DropDownList> 标记
将arial-label="whatevervalue" 添加到<asp:ListItem/> 标记

使用 Chrome + NVDA 屏幕阅读器测试

【讨论】：

【解决方案6】：

我遇到了与此类似的问题，这是我为解决它而添加的。您可能需要不同形式的 activedescendant，但是当您点击向下箭头时，您需要一些东西来专注于选择。 https://www.w3.org/TR/wai-aria-practices/#kbd_focus_activedescendant

aria-live="assertive value" aria-required="true" aria-activedescendant="ID_REF"

【讨论】：