按 WCAG 2.1.1 的键盘操作
每个功能都必须可通过键盘到达并触发。这尤其涉及自制的控件(带点击处理器的 div/span,而非 button/a)。
常见错误
没有 tabindex 和键盘处理器的可点击 <div>/<span>、只在 :hover 时展开的下拉菜单、没有焦点控制的模态框、没有操作按钮的轮播。
正确的做法
使用原生元素(button、a、input)。别无选择时:role、tabindex="0" 以及用于 Enter/空格的 keydown 处理器。不要有键盘陷阱 —— 也必须能出来。
自动测试的边界
键盘操作只能通过真实交互来检查 —— a11yglass 的免费扫描不涵盖它。只用 Tab、Shift+Tab、Enter、空格和方向键,把页面从上到下走一遍。
a11yglass 如何帮助
免费扫描检查交付的 HTML 和 CSS 中可自动识别的 WCAG 违规, 并对每项发现指出成功标准和一个具体措施。它可发现约 20–35 % 的 问题,不能替代完整评估。
继续阅读
尽最大所知提供的一般信息,非法律咨询。个案请咨询专精于 IT 法的律师事务所。