按 WCAG 2.4.7 的可见焦点
用键盘导航的人必须随时能看到哪个元素有焦点。没有替代的 outline: none 违反标准 2.4.7。
常见错误
重置 CSS 中没有替代的 *:focus { outline: none }、对比度过低的焦点样式,或被相邻元素遮挡的焦点环。
正确的做法
使用 :focus-visible(只在键盘使用时显示焦点环),至少 2 px,清晰的对比度,留一点间距(outline-offset)。焦点环即使碍事也可以保持可见 —— 只是不能缺失。
a11yglass 如何帮助
免费扫描检查交付的 HTML 和 CSS 中可自动识别的 WCAG 违规, 并对每项发现指出成功标准和一个具体措施。它可发现约 20–35 % 的 问题,不能替代完整评估。
继续阅读
尽最大所知提供的一般信息,非法律咨询。个案请咨询专精于 IT 法的律师事务所。