42 lines
1.9 KiB
Markdown
42 lines
1.9 KiB
Markdown
|
---
|
|||
|
|
title: Accessibility Tools for Web Developers
|
|||
|
|
localeTitle: Web开发人员的辅助功能工具
|
|||
|
|
---
|
|||
|
|
## Web开发人员的辅助功能工具
|
|||
|
|
|
|||
|
|
有许多工具和在线资源可以帮助您确保您的Web应用程序满足所有可访问性要求。
|
|||
|
|
|
|||
|
|
1. **[辅助功能开发者工具](https://chrome.google.com/webstore/detail/accessibility-developer-t/fpkknkljclfencbdbgkenhalefipecmb?hl=en)**
|
|||
|
|
|
|||
|
|
这是Google Chrome扩展程序，会在“元素”标签中为Chrome开发人员工具添加新的辅助功能侧边栏窗格。此新窗格将显示与当前正在检查的元素的可访问性方面相关的任何属性。此扩展还添加了可访问性审核，可用于检查当前网页是否违反任何可访问性规则。
|
|||
|
|
|
|||
|
|
2. **[斧头](https://chrome.google.com/webstore/detail/axe/lhdoppojpmngadmnindnejefpokejbdd?hl=en-US)**
|
|||
|
|
|
|||
|
|
此Google Chrome扩展程序可以在您的网页上找到辅助功能缺陷。
|
|||
|
|
|
|||
|
|
3. **[颜色安全调色板生成器](http://colorsafe.co)**
|
|||
|
|
|
|||
|
|
本网站可以帮助您创建基于WCAG文本和背景对比度指南的调色板。
|
|||
|
|
|
|||
|
|
4. **[检查我的颜色](http://www.checkmycolours.com)**
|
|||
|
|
|
|||
|
|
用于检查您现有网站是否符合颜色和对比度的可访问性要求的网站。
|
|||
|
|
|
|||
|
|
5. **[颜色Oracle](http://colororacle.org)**
|
|||
|
|
|
|||
|
|
一个模拟色盲的应用程序。它适用于Windows，Mac和Linux。
|
|||
|
|
|
|||
|
|
6. **[tota11y](http://khan.github.io/tota11y/)**
|
|||
|
|
|
|||
|
|
一种辅助功能可视化工具包，可检查您的网站如何使用辅助技术执行。
|
|||
|
|
|
|||
|
|
7. **[AccessLint](https://www.accesslint.com)**
|
|||
|
|
|
|||
|
|
一个GitHub应用程序，用于检查您对可访问性问题的拉取请求。
|
|||
|
|
|
|||
|
|
|
|||
|
|
* * *
|
|||
|
|
|
|||
|
|
#### 更多资源
|
|||
|
|
|
|||
|
|
您可以在明尼苏达大学德卢斯分校的[这份名单](http://www.d.umn.edu/itss/training/online/webdesign/tools.html)上找到更多可访问网页设计的工具。
|