7

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

4

6 回答 6

1

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

于 2014-06-25T19:50:46.487 回答
1

对于可能看到这一点的其他人，我在让JAWS读取ListItems存储在其中的内容时遇到了麻烦DropDownList。

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

于 2015-07-14T18:29:25.700 回答
0

JAWS 不读取<option>Red</option>. <option>应该有aria 属性，即aria-label="value"。
<option>元素应该是<optionaria-label="red" >Red</option>。

于 2018-01-13T19:18:37.953 回答
0

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

于 2017-07-04T06:22:49.537 回答
0

我正在使用asp:Dropwnlist. 这对我有用：

  1. 添加aria-live="assertive"到<asp:DropDownList> </asp:DropDownList>标签
  2. 添加arial-label="whatevervalue"到<asp:ListItem/>标签

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

于 2020-04-28T23:52:59.153 回答
0

我有一个类似的问题，这是我为我修复它而添加的。您可能需要不同形式的 activedescendant，但是当您点击向下箭头时，您需要专注于选择。https://www.w3.org/TR/wai-aria-practices/#kbd_focus_activedescendant

aria-live="断言值" aria-required="true" aria-activedescendant="ID_REF"

于 2020-07-27T18:33:26.400 回答