334
代码与文件安全

ARIA 可访问名称清单

在不执行代码的情况下检查粘贴的 HTML,按优先级报告可见文本、aria-label、aria-labelledby、label[for]、alt 与 title;动态状态仍需无障碍树测试。

✓ 免费✓ 无需账户✓ 浏览器内
简短回答

这个工具能做什么?

盘点 HTML 中按钮、链接与表单控件的可访问名称,并找出无名称控件。

处理状态就绪
✓ 完全在浏览器内运行
下一步

将此结果交给另一个工具继续处理

ARIA 可访问名称清单的输出会在当前标签页短暂保留。您可以继续使用本地文件风险扫描器,或建立更长的可视化流程。

应用与决策指南

ARIA 可访问名称清单:方法与使用说明

在不执行代码的情况下检查粘贴的 HTML,按优先级报告可见文本、aria-label、aria-labelledby、label[for]、alt 与 title;动态状态仍需无障碍树测试。

工具实际如何工作?

HTML 由 DOMParser 作为惰性文档解析,并按可访问名称优先级检查可见文本、label 关联、aria-labelledby、aria-label、alt 与 title。

开始前的输入检查

包含按钮、链接、图片与表单控件且无需执行脚本的 HTML 片段 请先用不含个人数据的小样本确认格式。

如何解读输出?

包含元素类型、选择器提示、名称来源以及无名称或可疑控件状态的清单

实际操作步骤

  1. 加载示例,或按清晰标注填写自己的场景。
  2. 在设备端运行检查,并同时查看指标、警告与修正建议。
  3. 在真实目标环境中验证结果,并记录所用假设。
核验

使用键盘聚焦每个交互元素,并在真实屏幕阅读器与无障碍树中核对名称、角色、状态和错误信息

使用结果前的停止条件

静态 HTML 清单无法完整观察 CSS 隐藏文本、Shadow DOM、运行时状态或屏幕阅读器行为,也不是 WCAG 合规报告。

适用场景

  • 表单发布前审计
  • 图标按钮检查
  • 准备 WCAG 任务测试

可复现的决策记录

实际需求

实践场景: 表单发布前审计. 盘点 HTML 中按钮、链接与表单控件的可访问名称,并找出无名称控件。

试用示例

扫描一个小型 HTML 示例,其中包含文本链接、带 `aria-label` 的图标按钮、有关联 `label` 的邮箱字段,以及第二个无名称图标按钮。

成功证据

验收记录: 使用键盘聚焦每个交互元素,并在真实屏幕阅读器与无障碍树中核对名称、角色、状态和错误信息. 将结果卡中的指标与警告同保留的测试样本一起保存。

出现以下情况应停止并修正

出现此状态时不要发布: 静态 HTML 清单无法完整观察 CSS 隐藏文本、Shadow DOM、运行时状态或屏幕阅读器行为,也不是 WCAG 合规报告。

关于此工具

常见问题

ARIA 可访问名称清单接受什么输入?+

包含按钮、链接、图片与表单控件且无需执行脚本的 HTML 片段 扫描一个小型 HTML 示例,其中包含文本链接、带 `aria-label` 的图标按钮、有关联 `label` 的邮箱字段,以及第二个无名称图标按钮。

ARIA 可访问名称清单会输出什么?+

包含元素类型、选择器提示、名称来源以及无名称或可疑控件状态的清单 验收记录: 使用键盘聚焦每个交互元素,并在真实屏幕阅读器与无障碍树中核对名称、角色、状态和错误信息. 将结果卡中的指标与警告同保留的测试样本一起保存。

如何核验ARIA 可访问名称清单的输出?+

使用键盘聚焦每个交互元素,并在真实屏幕阅读器与无障碍树中核对名称、角色、状态和错误信息 出现此状态时不要发布: 静态 HTML 清单无法完整观察 CSS 隐藏文本、Shadow DOM、运行时状态或屏幕阅读器行为,也不是 WCAG 合规报告。

ARIA 可访问名称清单会向服务器发送或保存输入吗?+

工具输入在当前标签页处理。保存到工作站或传递到其他工具需另行选择。请另外考虑浏览器扩展和共享设备;隐私页面说明广告和网络连接。