未定义键盘焦点指示器
许多样式表使用“重置”样式,这实际上删除了所有格式。这样做时,没有定义键盘焦点指示器,这会阻止键盘用户查看页面上当前具有键盘焦点的项。有时焦点是设置的,但它与其他颜色冲突而不可见。
自定义控件的键盘激活
将onclicks事件处理程序放在LI、div、span和其他元素上,而不为键盘可访问性编码,这也会给键盘用户造成障碍。与锚标记、按钮和其他元素不同,这些HTML元素本身并不是键盘可聚焦的。在这些元素上添加onclick将导致它们只能由鼠标使用。解决此问题的选项取决于您对这些元素的预期功能:如果您希望它们显示附加内容,打开子菜单,或者充当伪复选框或按钮。
有关更多细节,请参阅可访问的Javascript事件处理程序。
焦点
一些用户,尤其是那些有特殊残疾的用户,可能严重依赖于使用键盘或其他设备来改变焦点。例如,用户可以使用tab键更改网页中的位置,这将是“焦点”的更改。当用户使用键盘控件在页面上移动时,应该有一个可视指示器显示当前焦点的元素。
有一个专注的策略将改善所有网站用户的体验,尤其是帮助那些有视觉和运动障碍的人。焦点策略始于web开发项目的开始,在DOM中的逻辑顺序中保持可焦点的内容。
OIT建议
- 不要在不考虑键盘用户的网站体验的情况下改变DOM的顺序。
- 在CSS文件中包含突出显示可聚焦内容的样式。(OIT基本模板已经包含了这种样式。)
- 只将焦点行为添加到交互式控件中,如按钮、链接或其他需要用户输入的控件
- 避免使用tabindex等于大于“0”的值
- 包括“跳过链接”选项的导航,让用户可以直接进入内容。确保此链接在接收键盘焦点时可见。
有关详细信息,请参见WCAG 2.1成功标准2.1.1键盘可操作性。