tota11y

khan.github.io

一个可视化无障碍检测工具包，以浮层标注页面中的可访问性问题，帮助开发者快速发现并修复。

开源HTML/CSS网页浏览器

被推荐 1 次

访问网站 ↗

适合做什么

适合前端开发者、设计师在开发或评审网页时快速检查无障碍问题，提升可访问性。

标签与属性

授权

技术栈

平台

网页浏览器

谁在推荐

@goabstract/Awesome-Design-Tools · awesome 列表出处 ↗

tota11y — an accessibility visualization toolkit. Interesting fact: inside the tool name you can see "a11y". It's an abbreviation of accessibility as "a" followed by 11 more letters, followed by "y". ![free.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/free.svg)

同类推荐

可访问性检查

WAVE Web Accessibility Evaluation Tools

网页无障碍检测工具，可识别 WCAG 错误并支持人工评估，提供在线版与浏览器扩展。

免费+付费

wave.webaim.org1 处推荐详情

可访问性检查

Axe

Deque 出品的无障碍测试工具套件，含浏览器扩展、代码检查与自动化扫描，帮助网站和应用符合无障碍标准。

开源

deque.com1 处推荐详情

配色工具

Colorable

免费的在线颜色对比度测试工具，可实时预览文字与背景配色并检查可访问性。

免费

colorable.jxnblk.com3 处推荐详情

可访问性检查

Stark

集成式无障碍设计工具套件，支持 Figma、Sketch、浏览器和 GitHub，自动检测并修复无障碍问题。

免费+付费

getstark.co1 处推荐详情

配色工具

Leonardo

Adobe 开源配色工具，按 WCAG 对比度生成可访问的色板与主题，支持暗色模式与色盲安全。

开源后台数据可视化

leonardocolor.io1 处推荐详情

可访问性检查

Accessibility Insights

微软开源的可访问性测试工具，提供浏览器扩展和 Windows 桌面版，快速发现并修复无障碍问题。

开源

accessibilityinsights.io1 处推荐详情