此规则检查什么
确保有滚动内容的元素可以通过键盘访问.
为什么重要
WCAG 2.1.1 要求所有功能都能通过键盘使用。
如何修复
- 用 tabindex="0" 让滚动容器可获得焦点并为其设置名称,或确保其中包含可获得焦点的元素。
如何检查修复效果
- 用 Tab 键移到该区域,并用方向键滚动。
FixReports 如何发现此问题
我们的扫描会在真实的 Chrome 浏览器中,对所测的每个页面运行 axe-core 规则 scrollable-region-focusable,并报告每个未通过的元素及其所在页面、标记代码,以及适用时的截图。
自动化测试可以确认这个具体问题确实存在,但无法判断页面的其余部分是否无障碍:有些障碍只有在人工检查页面时才会显现。