javascript - 无障碍选择列表 阅读所有选项

Question

HTML5:我有一个需要使其可访问的多选列表。由于它是 native 控件，因此工作正常。问题是他们希望辅助技术在页面加载时读取所有选项。到目前为止，我还没有找到让它读取它们的方法。如果他们选择一个选项，它会读取文本并说出“xx”中的选项“xx”，但这还不够。有没有人找到一种方法让辅助技术在加载页面时读取选项？该客户主要使用 JAWS 来帮助导航页面。

这是我迄今为止一直在使用的测试 html。

<select id="testing" multiple>
   <option value="1">one</option>
   <option value="2">two</option>
   <option value="3">three</option>
   <option value="4">four</option>
 </select>

Answer 1

只要您使用 native 控件，就不应该重新编程其正常行为。这是常见的可访问性。

您可以完美添加一个 label 或 aria-label 列出所有选项:

<label for="testing">
   Choose one or more elements in the list: One two three four
</label>
<select id="testing" multiple>
   <option value="1">one</option>
   <option value="2">two</option>
   <option value="3">three</option>
   <option value="4">four</option>
 </select>