Обновить README.md
This commit is contained in:
parent
bff4711344
commit
1a0d285031
46
README.md
46
README.md
@ -73,30 +73,30 @@
|
||||
|
||||
### Инструменты доступности
|
||||
|
||||
Accessibility is the practice of creating websites and apps usable for all people, including individuals with visual, motor, auditory, speech, or cognitive disabilities. Here you will find web accessibility tools, accessibility testing tools, and accessibility apps both for developers and designers:
|
||||
Доступность — это практика создания веб-сайтов и приложений, которые могут использовать все люди, включая людей с нарушениями зрения, моторики, слуха, речи или когнитивных функций. Здесь вы найдете инструменты для обеспечения веб-доступности, инструменты для тестирования доступности и приложения для доступности как для разработчиков, так и для дизайнеров:
|
||||
|
||||
- [A11ygator](https://a11ygator.chialab.io) — a web tool to analyze websites against WCAG rules. Also available as Google Chrome browser extension and as Twitter bot.  [](https://github.com/chialab/a11ygator-app)
|
||||
- [Accessibility Insights](https://accessibilityinsights.io/) — helps developers quickly find and fix accessibility issues. 
|
||||
- [Accessible Palette Builder](https://toolness.github.io/accessible-color-matrix/) — an Elm-based prototype to help designers build accessible color palettes.  [](https://github.com/toolness/accessible-color-matrix)
|
||||
- [AChecker](https://achecker.ca) — accessibility testing web app used to evaluate HTML content for accessibility problems. 
|
||||
- [ANDI](https://www.ssa.gov/accessibility/andi/help/install.html) — accessibility testing tool for web content (bookmarklet). It will automatically detect accessibility issues, give suggestions to improve online accessibility and check 508 compliance.  [](https://github.com/SSAgov/ANDI)
|
||||
- [Axe](https://www.deque.com/axe/) — accessibility engine designed to work on all modern browsers and with whatever tools, frameworks, libraries, and environments you use today. It's an automated accessibility testing tool for developers.  [](https://github.com/dequelabs/axe-core)
|
||||
- [ColorBox](http://www.colorbox.io/) — a web app that algorithmically builds accessible color systems. Done by the Lyft Design team. 
|
||||
- [Colorable](https://colorable.jxnblk.com/) — a free web-based contrast tool. 
|
||||
- [Color Oracle](https://colororacle.org/) — a free color blindness simulator. 
|
||||
- [Contrast](https://usecontrast.com/) — a macOS app for designers and developers to get quick access to WCAG color contrast ratios. 
|
||||
- [Contrast Checker](https://contrast-checker.glitch.me/) — helps check the contrast between the background of an element and the page itself. 
|
||||
- [Contraste](https://contrasteapp.com/) — an app for checking the accessibility of text against the Web Content Accessibility Guidelines (WCAG). 
|
||||
- [Inclusive Design](https://www.microsoft.com/design/inclusive/) — a methodology and a set of tools provided by the Microsoft team.
|
||||
- [Hex Naw](https://hexnaw.com/) — helps you to test entire color systems for contrast and accessibility. 
|
||||
- [Leonardo](https://leonardocolor.io) - generate color palettes by desired WCAG contrast ratio. Open source web tool & npm module for designers and engineers. Made by Adobe.   
|
||||
- [PA11Y](http://pa11y.org/) — accessibility testing tool to find issues with your web pages. It runs HTML CodeSniffer from the command line for programmatic accessibility reporting. It's an accessibility developer tool.  
|
||||
- [Sim Daltonism](https://michelf.ca/projects/sim-daltonism/) — a color blindness simulator for macOS and iOS that lets you visualize colors as they are perceived with various types of color blindness.  [](https://www.github.com/michelf/sim-daltonism/)
|
||||
- [Stark](https://getstark.co/) — a paid Sketch plugin that will let you simulate different types of color blindness. 
|
||||
- [Toptal’s Color Filter](https://www.toptal.com/designers/colorfilter) — lets you test your website and shows you how people with different color blindness will see your pages. 
|
||||
- [tota11y](http://khan.github.io/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". 
|
||||
- [WAVE](https://wave.webaim.org/) — allows you to evaluate web content for accessibility issues directly within Chrome and Firefox. It's a web accessibility checker. 
|
||||
- [90 Examples](http://clrs.cc/a11y/) — a free collection of accessible color themes. 
|
||||
- [A11ygator](https://a11ygator.chialab.io) — Веб-инструмент для анализа сайтов на соответствие правилам WCAG. Также доступен в виде расширения для браузера Google Chrome и Twitter-бота.  [](https://github.com/chialab/a11ygator-app)
|
||||
- [Accessibility Insights](https://accessibilityinsights.io/) — помогает разработчикам быстро находить и устранять проблемы доступности. 
|
||||
- [Accessible Palette Builder](https://toolness.github.io/accessible-color-matrix/) — прототип на основе Elm, помогающий дизайнерам создавать доступные цветовые палитры.  [](https://github.com/toolness/accessible-color-matrix)
|
||||
- [AChecker](https://achecker.ca) — веб-приложение для тестирования доступности, используемое для оценки HTML-контента на наличие проблем с доступностью. 
|
||||
- [ANDI](https://www.ssa.gov/accessibility/andi/help/install.html) — инструмент тестирования доступности веб-контента (букмарклет). Автоматически обнаруживает проблемы с доступностью, предлагает улучшения и проверяет соответствие стандарту 508.  [](https://github.com/SSAgov/ANDI)
|
||||
- [Axe](https://www.deque.com/axe/) — движок доступности, предназначенный для работы во всех современных браузерах и с любыми инструментами, фреймворками, библиотеками и средами. Это инструмент автоматического тестирования доступности для разработчиков.  [](https://github.com/dequelabs/axe-core)
|
||||
- [ColorBox](http://www.colorbox.io/) — веб-приложение, которое алгоритмически создает доступные цветовые системы. Разработано командой Lyft Design. 
|
||||
- [Colorable](https://colorable.jxnblk.com/) — бесплатный веб-инструмент для проверки контраста. 
|
||||
- [Color Oracle](https://colororacle.org/) — бесплатный симулятор дальтонизма. 
|
||||
- [Contrast](https://usecontrast.com/) — приложение для macOS для дизайнеров и разработчиков, предоставляющее быстрый доступ к коэффициентам контраста цветов по стандартам WCAG. 
|
||||
- [Contrast Checker](https://contrast-checker.glitch.me/) — помогает проверить контраст между фоном элемента и самой страницей. 
|
||||
- [Contraste](https://contrasteapp.com/) — приложение для проверки доступности текста в соответствии с Руководством по доступности веб-контента (WCAG). 
|
||||
- [Inclusive Design](https://www.microsoft.com/design/inclusive/) — методология и набор инструментов, предоставленных командой Microsoft.
|
||||
- [Hex Naw](https://hexnaw.com/) — помогает протестировать целые цветовые системы на контрастность и доступность. 
|
||||
- [Leonardo](https://leonardocolor.io) — генератор цветовых палитр по заданному коэффициенту контраста WCAG. Открытый веб-инструмент и npm-модуль для дизайнеров и инженеров. Разработан Adobe.   
|
||||
- [PA11Y](http://pa11y.org/) — инструмент тестирования доступности для выявления проблем с веб-страницами. Запускает HTML CodeSniffer из командной строки для программных отчетов о доступности. Это инструмент для разработчиков.  
|
||||
- [Sim Daltonism](https://michelf.ca/projects/sim-daltonism/) — симулятор дальтонизма для macOS и iOS, позволяющий визуализировать цвета так, как они воспринимаются при различных типах дальтонизма.  [](https://www.github.com/michelf/sim-daltonism/)
|
||||
- [Stark](https://getstark.co/) — платный плагин для Sketch, позволяющий моделировать различные типы дальтонизма. 
|
||||
- [Toptal’s Color Filter](https://www.toptal.com/designers/colorfilter) — позволяет протестировать ваш сайт и показывает, как люди с различными видами дальтонизма увидят ваши страницы. 
|
||||
- [tota11y](http://khan.github.io/tota11y/) — инструмент визуализации доступности. Интересный факт: в названии инструмента вы видите "a11y". Это сокращение от accessibility, где "a" сопровождается 11 буквами, а затем "y". 
|
||||
- [WAVE](https://wave.webaim.org/) — позволяет оценить веб-контент на наличие проблем с доступностью прямо в Chrome и Firefox. Это проверяющий доступность веб-контента. 
|
||||
- [90 Examples](http://clrs.cc/a11y/) — бесплатная коллекция доступных цветовых тем. 
|
||||
|
||||
<div class="banner banner--yellow">
|
||||
|
||||
|
||||
Loading…
Reference in New Issue
Block a user