如何为Accessibility Insights添加规则例外?忽略指定属性元素的aria-hidden-focus问题
问题背景
- 我们使用的第三方包中,带有
data-tabster-dummy属性的元素同时设置了aria-hidden="true"且可被聚焦,触发了Accessibility Insights的**aria-hidden-focus**规则 - 联系包方确认这是有意设计:该元素用于获取焦点后立即重定向到正确元素,避免屏幕阅读器出现播报异常
当前困境
- 应用无法通过Accessibility Insights快速测试,工具持续标记该问题
- 查阅Accessibility Insights官方文档,未找到添加规则例外的相关说明
解决方案
理想方案:向Accessibility Insights仓库提交贡献
在规则检测逻辑中添加例外判断:当违反aria-hidden相关规则的元素带有data-tabster-dummy属性时,不将其标记为问题。具体实现思路:
- 定位Accessibility Insights中
aria-hidden-focus规则的检测代码 - 在检测逻辑中增加条件判断:若元素存在
data-tabster-dummy属性,则跳过该元素的规则校验 - 提交PR并等待官方合并
临时替代方案(若贡献暂未被合并)
- 手动在测试报告中标记该问题为“误报”或“已接受的例外”
- 若使用自动化测试流程,可在测试脚本中添加过滤逻辑,排除带有
data-tabster-dummy属性的元素的aria-hidden-focus违规报告
内容的提问来源于stack exchange,提问作者Sarah
相关产品推荐
相关产品推荐

