按钮没有可访问名称
交互元素存在于 DOM 中，但屏幕阅读器没有收到清晰的操作名称。
button.product-card__favoriteWCAG AA 网站无障碍检查
查找妨碍网站使用的问题，如含义不明的按钮、缺少标签的输入框和难以阅读的文字。获取带有问题说明的自动无障碍检测结果。
检查结果
可直接转化为团队任务的报告
报告会通过选择器和 HTML 片段指出 DOM（浏览器的元素树）中受影响的元素。找到对应组件并修复问题后，请重新测试键盘和屏幕阅读器的操作表现。
违规通过需要复查WCAG 标签
accessibility-report3 个问题 · 42 条规则通过
表单字段未与其标签关联
用户可以看到标签，但标签与 input 之间的技术关系缺失。
#checkout-email文本对比度低于 WCAG AA
按钮状态的视觉表现较弱，在深色界面背景下可能会消失。
.promo-banner .btn-secondary评估影响
从严重和重要问题入手，快速消除最明显的访问障碍。
分享选择器
将确切目标、HTML 片段和违规的简短原因发送给开发者。
重新检查发布
修复后再次运行检查，查看报告中哪些违规已消失。
我们检查的内容
语义、ARIA、表单和对比度集于一次无障碍检查
自动网站无障碍检查会在渲染后的界面中查找可检测的问题。发现的问题与 WCAG 规则相关；报告通过并不代表获得了完整的 WCAG AA 合规认证。
页面结构
我们检查文档标题、页面语言、标题层级、地标区域、列表以及图片的替代文本。
开发者详情
- h1-h6 和地标
- 替代文本和隐藏的 SVG
- lang、title 和基础语义
ARIA 和可访问名称
ARIA 属性向辅助工具描述控件的角色、状态和关联。我们检查错误的关联以及缺少清晰名称的控件；仅添加 ARIA 并不能使交互具备无障碍性。
开发者详情
- button、link、input 名称
- role/state/property 问题
- combobox、dialog 和 menu 模式
表单、错误和对比度
我们检查标签、必填和无效状态、辅助文本关系、文本对比度以及重要元素的可读性。
开发者详情
- 标签和辅助文本
- WCAG AA 对比度
- 错误和实时消息
常见问题
关于无障碍检查的常见问题
关于 WCAG、自动化规则、DOM 节点、ARIA、表单、对比度和修复顺序的简短解答。
自动化检查能发现什么？
它能发现可从渲染后的 HTML 和样式中检测到的问题：缺少标签、ARIA 错误、无效角色、对比度问题、空链接和按钮、替代文本、地标结构以及部分 WCAG 规则集。
WCAG AA 对网站意味着什么？
WCAG AA 是大多数商业和公共界面的实用无障碍目标级别。报告规则标有 WCAG 标签，因此你可以看到每条违规对应哪项要求。
这能替代人工审计吗？
不能。该检查能很好地覆盖 DOM 和 CSS 中的技术性违规，但复杂场景、实际键盘遍历顺序和屏幕阅读器行为应在单独的人工阶段中确认。
我可以只从一个页面开始吗？
可以。第一轮通常检查首页、潜在客户表单、产品卡片、结账或账户区域。对于模板化网站，检查每种类型的一个页面并比较重复出现的违规会很有用。
如果错误很多，应该先修复什么？
从严重和重要问题入手：没有无障碍名称的元素、没有标签的字段、ARIA 错误、对比度不足以及在 DOM 中表示不正确的交互元素。中等和轻微问题可以与附近的设计或布局更改一起处理。