无障碍（A11y）并不是“额外工作”，而是把更多用户纳入产品体验的一部分。下面这份清单把常用的可访问性检查工具、对比度与配色辅助、以及组件模式参考集中在一起，适合用在设计评审、交付对齐和上线前自检。
免费商用：在线一键扫描页面并标注结构、表单、对比度与ARIA问题，适合快速发现“明显错误”。
工具地址：https://www.deque.com/axe/devtools/
需看协议：提供浏览器扩展与自动化测试能力（有免费版/试用），常用于把A11y检查纳入日常开发流程。
工具地址：https://developer.chrome.com/docs/lighthouse/overview/
免费商用：Chrome内置的质量审计工具，含无障碍评分与问题建议，适合做上线前的“最低门槛自检”。
工具地址：https://webaim.org/resources/contrastchecker/
免费商用：输入前景/背景色即可验证WCAG对比度，常用来统一按钮、文字与状态色的可读性标准。
工具地址：https://www.whocanuse.com/
免费商用：模拟不同视觉条件下的配色可读性，适合在确定主色/警示色时做“人群覆盖”评估。
工具地址：https://colorable.jxnblk.com/
免费商用：拖动调色并实时显示对比度结果，适合快速找到“既符合品牌又能过线”的组合。
工具地址：https://accessible-colors.com/
免费商用：给出对比度结果的同时还能建议可替换颜色，适合做设计系统的色板治理。
工具地址：https://www.w3.org/WAI/ARIA/apg/
免费商用：官方交互组件模式与键盘行为参考（如Tabs、Menu、Dialog），是设计与开发对齐的“标准答案”。
工具地址：https://www.w3.org/WAI/WCAG21/quickref/
免费商用：可筛选的WCAG条款速查（按角色/内容类型/级别过滤），用来做规范对齐和评审记录非常方便。
工具地址：https://www.a11yproject.com/
免费商用：面向实践的指南与清单，适合把“无障碍怎么做”拆成可执行的检查项与团队共识。
工具地址：https://inclusive-components.design/
需看协议：以组件为单位讲清可访问性的交互细节与陷阱，适合产品/设计在方案阶段提前规避风险。
工具地址：https://m3.material.io/foundations/accessible-design/overview
需看协议：覆盖触达区域、颜色、字号与动效等基础建议，可作为设计系统落地时的补充参考。
