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

Question

我正在使用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识别更改事件？

Answer 1

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

Answer 2

对于其他可能看到这个问题的人来说，我也很难让JAWS读到存储在ListItems中的DropDownList。

我一直在Chrome中测试这个，在阅读了这里在Firefox和JAWS中测试的评论后，当你用箭头键滚动浏览ListItems时会读到DropDownList。因此，这必须是Chrome的兼容性问题。

Answer 3

您需要在select标签中添加aria-live =“assertive”。参考：http://www.freedomscientific.com/Training/Surfs-Up/AriaLiveRegions.htm

Answer 4

JAWS不读取<option>Red</option>的文本。 <option>应该有aria属性，即aria-label =“value”。 <option>元素应该是<optionaria-label =“red”>Red</option>。