HTML 由 DOMParser 作为惰性文档解析,并按可访问名称优先级检查可见文本、label 关联、aria-labelledby、aria-label、alt 与 title。
ARIA 可访问名称清单
在不执行代码的情况下检查粘贴的 HTML,按优先级报告可见文本、aria-label、aria-labelledby、label[for]、alt 与 title;动态状态仍需无障碍树测试。
这个工具能做什么?
盘点 HTML 中按钮、链接与表单控件的可访问名称,并找出无名称控件。
ARIA 可访问名称清单:方法与使用说明
在不执行代码的情况下检查粘贴的 HTML,按优先级报告可见文本、aria-label、aria-labelledby、label[for]、alt 与 title;动态状态仍需无障碍树测试。
包含按钮、链接、图片与表单控件且无需执行脚本的 HTML 片段 请先用不含个人数据的小样本确认格式。
包含元素类型、选择器提示、名称来源以及无名称或可疑控件状态的清单
实际操作步骤
- 加载示例,或按清晰标注填写自己的场景。
- 在设备端运行检查,并同时查看指标、警告与修正建议。
- 在真实目标环境中验证结果,并记录所用假设。
使用键盘聚焦每个交互元素,并在真实屏幕阅读器与无障碍树中核对名称、角色、状态和错误信息
静态 HTML 清单无法完整观察 CSS 隐藏文本、Shadow DOM、运行时状态或屏幕阅读器行为,也不是 WCAG 合规报告。
适用场景
- 表单发布前审计
- 图标按钮检查
- 准备 WCAG 任务测试
可复现的决策记录
实践场景: 表单发布前审计. 盘点 HTML 中按钮、链接与表单控件的可访问名称,并找出无名称控件。
扫描一个小型 HTML 示例,其中包含文本链接、带 `aria-label` 的图标按钮、有关联 `label` 的邮箱字段,以及第二个无名称图标按钮。
验收记录: 使用键盘聚焦每个交互元素,并在真实屏幕阅读器与无障碍树中核对名称、角色、状态和错误信息. 将结果卡中的指标与警告同保留的测试样本一起保存。
出现此状态时不要发布: 静态 HTML 清单无法完整观察 CSS 隐藏文本、Shadow DOM、运行时状态或屏幕阅读器行为,也不是 WCAG 合规报告。
该工具的相关指南
移动界面质量:层级、触控目标与可访问名称
验收页头、菜单、弹窗与工具操作时,不只看外观,还要测试遮挡、触控、键盘和屏幕阅读器任务。
阅读指南 →无障碍 HTML 发布:语言、标题、表单与可访问名称
超越视觉整洁,通过真实任务验证语言、标题流程、控件名称、键盘操作与错误状态。
阅读指南 →常见问题
ARIA 可访问名称清单接受什么输入?+
包含按钮、链接、图片与表单控件且无需执行脚本的 HTML 片段 扫描一个小型 HTML 示例,其中包含文本链接、带 `aria-label` 的图标按钮、有关联 `label` 的邮箱字段,以及第二个无名称图标按钮。
ARIA 可访问名称清单会输出什么?+
包含元素类型、选择器提示、名称来源以及无名称或可疑控件状态的清单 验收记录: 使用键盘聚焦每个交互元素,并在真实屏幕阅读器与无障碍树中核对名称、角色、状态和错误信息. 将结果卡中的指标与警告同保留的测试样本一起保存。
如何核验ARIA 可访问名称清单的输出?+
使用键盘聚焦每个交互元素,并在真实屏幕阅读器与无障碍树中核对名称、角色、状态和错误信息 出现此状态时不要发布: 静态 HTML 清单无法完整观察 CSS 隐藏文本、Shadow DOM、运行时状态或屏幕阅读器行为,也不是 WCAG 合规报告。
ARIA 可访问名称清单会向服务器发送或保存输入吗?+
工具输入在当前标签页处理。保存到工作站或传递到其他工具需另行选择。请另外考虑浏览器扩展和共享设备;隐私页面说明广告和网络连接。