此规则检查什么
确保设置为 ARIA 隐藏的元素不可聚焦,且不包含可聚焦的元素.
为什么重要
键盘用户会停在屏幕阅读器不朗读的元素上(WCAG 4.1.2)。
如何修复
- 从包含可获得焦点元素的容器上移除 aria-hidden,或为隐藏的侧滑菜单和幻灯片添加 tabindex="-1" 和 inert 属性。
如何检查修复效果
- 在运行屏幕阅读器的情况下,用 Tab 键逐一浏览页面。
FixReports 如何发现此问题
我们的扫描会在真实的 Chrome 浏览器中,对所测的每个页面运行 axe-core 规则 aria-hidden-focus,并报告每个未通过的元素及其所在页面、标记代码,以及适用时的截图。
自动化测试可以确认这个具体问题确实存在,但无法判断页面的其余部分是否无障碍:有些障碍只有在人工检查页面时才会显现。