简体中文
a11yglass · 网站无障碍检查

首页知识库 › WCAG 标准

按 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 法的律师事务所。