如何修复:页面上的键盘陷阱
页面上的键盘陷阱是一种常见的 WCAG 辅助功能故障,自动扫描仪会标记该故障,并且 EAA 执法机构会认真对待。以下是触发它的原因、它为何重要以及具体的解决方法。
为什么它很重要以及如何解决它
如果键盘焦点卡在小部件中(这是典型的质量较差的模式),则仅使用键盘的用户将无法逃脱。 WCAG 2.1.2(无键盘陷阱)要求每个组件释放焦点。
确保每个可聚焦元素都可以通过 Tab 和 Shift+Tab 到达并转义。
修复后重新运行扫描程序以确认对此规则的零违规。添加一个单元或 e2e 测试来断言相关属性存在,这样问题就不会悄无声息地回归。
指导,而非法律认证
扫描结果是自动可访问性指南,而不是法律建议或经过认证的一致性意见。始终将自动扫描与专家手动审核配对。
常见问题
我的网站会因为这个问题而被罚款吗?
单一问题很少会被直接罚款。当局通常要求在期限内进行补救;忽视该通知可能会导致行政罚款。
扫描仪如何检测到这一点?
我们针对渲染的页面运行 axe-core 规则,并使用匹配的 WCAG 标准和受影响的 DOM 选择器来显示每个违规行为。