Rob Dodson 在这段视频中介绍了许多巧妙的技巧,他重点介绍了 Chrome DevTools 中的无障碍技巧。 一些说明
- Chrome DevTools 具有一个用于辅助功能测试的实验性功能,如果您转到
chrome://flags/
并打开 DevTools 设置,则可以解锁该功能。 - 将
<input type="checkbox">
包裹在<label>
中,即使没有for
属性,也会为输入提供标签中文本的名称。 aria-labelledby
属性使用来自另一个元素(通过 ID 引用)的文本覆盖元素的名称。 它甚至可以从多个元素(包括自身)组合名称。- 向元素添加
tabindex='0'
将使其可聚焦。