颜色与对比
检测正文文字、链接、按钮、占位符、焦点指示器的对比度是否达到 4.5:1 / 3:1；色盲友好测试（红绿、蓝黄）。
检测维度
对照 WCAG 2.1 AA 全部 50 项关键标准
Looo AI 把抽象的 WCAG 文档转化为可读的扫描结果，按严重级别（A / AA / AAA）分类输出修复建议。
替代文本
所有图片是否有 alt？装饰图是否标记 alt="" ？背景图是否传达了关键信息却没有替代描述？图标按钮是否有 aria-label？
键盘可达性
Tab 顺序是否合理？Enter / Space 是否能触发？是否存在「焦点陷阱」？所有可点击元素是否有可见的 focus 样式？
表单可用性
每个 input 是否有对应的 label？必填字段是否有 aria-required？错误信息是否实时反馈？密码字段是否提供显示切换？
语义结构
H1-H6 层级是否完整？是否使用 main / nav / banner / contentinfo 等地标？跳过导航链接是否存在并可用？
多媒体替代
视频是否提供字幕、文字稿？自动播放是否可关闭？动画 / 视差 / 闪烁是否遵循 prefers-reduced-motion？
合规与商业价值
无障碍不是法务问题，更是商业机会
全球约 15% 的用户存在不同程度的视觉、听觉或运动障碍。让网站更可达，意味着：扩大潜在客户、提升 SEO、降低法律风险（ADA Title III 集体诉讼每年增长）。
- 避免 ADA 集体诉讼（美国市场每年数千宗）
- 满足公共采购合规（联邦 Section 508）
- 更易被搜索引擎抓取（语义结构对 SEO 友好）
- 提升老年用户与视障用户的转化率
分级输出
按 WCAG 严重程度生成可执行清单
| 级别 | 说明 | 处理优先级 | 典型问题 |
|---|---|---|---|
| A | 核心可达性 | 必须立即修复 | 缺少 alt、键盘无法操作、语言未声明 |
| AA | 主流合规标准 | 建议本季度完成 | 对比度不足、焦点不可见、表单未关联 |
| AAA | 更高质量目标 | 持续打磨 | 额外字幕、复杂表单优化、阅读级别控制 |
提升路径
WCAG 2.1 AA 合规：从 60 分到 100 分
下面 6 条建议覆盖 ADA Title III 与 WCAG 2.1 AA 的最常见违规点，按 WebAIM 的统计实际触及 90% 以上无障碍问题。
1把对比度打到 4.5:1
正文 / 背景 ≥ 4.5 : 1，大字（≥ 18.66px 或 14px 粗体）≥ 3 : 1。底部灰字、footer 链接、占位符、按钮 hover 这些「次要文字」最容易踩坑。用 WebAIM Contrast Checker 验。
2所有图片、图标按钮加 alt / aria-label
装饰性图标用 aria-hidden="true"；含信息的图标按钮用 aria-label="..."；产品/内容图片用描述性 alt。空 alt（alt=""）也是有效声明，比缺失好。
3键盘导航全链路打通
Tab 顺序符合视觉顺序；所有交互元素能 Enter/Space 触发；自定义控件配 ARIA role；保留 :focus-visible 描边样式（千万不要 outline:none）；提供「跳到主内容」链接。
4表单 label / input 一一对应
每个 <input>、<select>、<textarea> 都要有关联的 <label for="...">；必填字段加 required + aria-required="true"；错误信息用 aria-live="polite" 实时反馈。
5语义标签 + 唯一 H1 + 地标
每页一个 <h1>，H2/H3 顺序不跳；用 <main>、<nav>、<header>、<footer> 而不是只用 <div>；<html lang="zh-CN"> 必填。
6尊重动效偏好与缩放
动画 / 视差包在 @media (prefers-reduced-motion: reduce)；视频不要自动播放；移动端 viewport 不锁定缩放（不要 user-scalable=no），允许用户放大到 200% 不破版。
建站平台 · 客观对比
哪些平台的无障碍默认值比较好？
ADA 友好度看的是「主题/模板默认是否合规」+「平台是否提供 alt、对比度的强制校验」。下面客观罗列主流方案。
主题驱动
WordPress（选无障碍主题）
主题决定 80% 的合规度。选用「Accessibility-ready」标签的主题（如 Twenty Twenty-Four、Astra Pro Accessibility）。
优势：可深度改造 ARIA 与对比度。
注意：第三方插件易破坏可访问性，需逐插件评估。
设计稳健
Squarespace
模板字体可读、对比度默认 OK，但部分组件键盘可达性弱。
优势：开箱视觉合规度较高。
注意：自定义 CSS 时易破坏 focus 样式。
设计自由
Webflow
提供 Accessibility 面板与 alt/对比度警告；可自定义 ARIA。
优势：内置可访问性提示、HTML 干净。
注意：设计自由度高也意味着要自己把关 focus、键盘流。
小企业
Wix
提供 Wix Accessibility Wizard，自动添加 alt / heading 顺序检查。
优势：有内置审查工具。
注意：部分动画 / 弹窗模板默认不符合 prefers-reduced-motion。
电商
Shopify
近期模板（Dawn、Sense）默认 WCAG 2.1 AA 友好。
优势：主题质量稳定。
注意：第三方 App 注入的弹窗 / 聊天经常破坏键盘可达。
零技术快速上线
Tooo.ai
生成的网站默认通过 Lighthouse Accessibility ≥ 95：alt、对比度、ARIA、focus 全自动检查。
优势：无需手动校验、合规默认达标。
注意：定制化弹窗 / 复杂表单仍需人工把关。
小结：选「Accessibility-ready」标签的主题或模板是 0 成本起步；建站后再用 WAVE、Lighthouse Accessibility 或 Looo AI 做一次回归测试，把残留违规清掉。