Question

HTML5：我有一个我需要访问的多选列表。由于它是原生控件，因此工作正常。问题是他们希望辅助技术在页面加载时读取所有选项。到目前为止，我还没有找到让它读取它们的方法。如果他们选择了一个选项，它将读取文本并说出选项＆＃34; xx＆＃34;超出＆＃34; xx＆＃34;，但这还不够。有没有人找到一种方法让辅助技术在加载页面时读取选项？该客户主要使用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

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

您可以完美地添加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>

可访问的选择列表阅读所有选项

1 个答案: