42 lines
3.4 KiB
Markdown
42 lines
3.4 KiB
Markdown
|
---
|
|||
|
|
title: Accessibility Tools for Web Developers
|
|||
|
|
localeTitle: Средства обеспечения доступности для веб-разработчиков
|
|||
|
|
---
|
|||
|
|
## Средства обеспечения доступности для веб-разработчиков
|
|||
|
|
|
|||
|
|
Существует множество инструментов и онлайн-ресурсов, которые помогут вам обеспечить соответствие вашего веб-приложения всем требованиям доступности.
|
|||
|
|
|
|||
|
|
1. **[Специальные инструменты для разработчиков](https://chrome.google.com/webstore/detail/accessibility-developer-t/fpkknkljclfencbdbgkenhalefipecmb?hl=en)**
|
|||
|
|
|
|||
|
|
Это расширение Google Chrome, которое добавит новую панель боковых панелей Accessibility на вкладке «Элементы» в инструменты разработчика 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) сделанных Университетом Миннесоты Дулут.
|