Доступность

Валидаторы и чек-листы. Вы можете проверить свой сайт с помощью таких сервисов:

• Валидатор W3C;

• Плагины WAVE, AXE;

• A11y-инструменты в панели разработчика;

• Чек-листы, шпаргалки по скринридерам, ссылки на примеры реализации — статья на gov.design

Если вам нужно больше информации, то читайте:

Спецификация WCAG 2.1;

 

•  http://www.accessiq.org/news/features/2016/04/principles-of-the-keyboard-accessible-website
• (Principles of the keyboard-accessible website) 
• 
  
• http://stevefaulkner.github.io/HTML5accessibility/

https://ebay.gitbooks.io/mindpatterns/content/ — шаблоны доступных компонентов для веба от ebay (Accessibility Patterns for the Web)

http://blogs.adobe.com/dreamweaver/2016/05/how-to-conduct-a-basic-accessibility-audit-on-your-site-part-2-keyboard-screen-reader-and-automated-code-testing.html (Part 2: How to Conduct a Basic Accessibility Audit on Your Site)

https://www.wuhcag.com/wcag-checklist/


 https://www.gitbook.com/book/ebay/mindpatterns/details— книга о доступности от eBay


https://habrahabr.ru/post/309288/
https://habrahabr.ru/company/design/blog/314910/

https://developer.mozilla.org/en-US/docs/Learn/Accessibility— обновленное руководство MDN по доступности:

  

• • https://www.w3.org/WAI/intro/people-use-web/principles Как люди с ограниченными возможностями используют веб. Обновленная официальная документация W3C WAI
  • https://www.microassist.com/digital-accessibility/digital-accessibility-checklist/

       

•  
•  https://habrahabr.ru/company/netologyru/blog/333544/
•  https://habrahabr.ru/company/mailru/blog/334536/%5Bperevod%5D-rukovodstvo-dlya-nachinayuschih-po/

•  
• https://aerolab.co/blog/web-accessibility/
• https://habrahabr.ru/post/335352/
•   
• 
   

• https://frontand.ru/dostupnost-web-stranic/

•   
  https://quod.lib.umich.edu/w/weave/12535642.0001.701?view=text;rgn=main
• 
  

   

 http://weblind.ru/

• Руководство по alt-text от слабовидящего веб-разработчика
• https://habrahabr.ru/post/341810/

   

https://github.com/mgifford/a11y-lists-of-lists

https://habrahabr.ru/company/aacidov/blog/346238/

https://www.deque.com/blog/writing-automated-tests-accessibility/
https://www.24a11y.com/2017/reacts-accessibility-code-linter/
https://www.24a11y.com/2017/accessibility-testing-tools-desktop-mobile-websites/
  
https://css-tricks.com/accessibility-testing-tools/
https://www.24a11y.com/2017/writing-automated-tests-accessibility/

http://html5accessibility.com/. Ресурс, где можно узнать об актуальном статусе поддержки свойств HTML5 в основных браузерах

https://24ways.org/2017/wcag-for-people-who-havent-read-them/

http://www.funkify.org/simulators/ — расширение для Хрома, позволяющее эмулировать многие расстройства зрения, моторики, а также некоторые когнитивные

     

• https://www.w3.org/blog/2018/01/wcag21-cr/
  http://www.mediacurrent.com/blog/accessibility-updates-wcag-21

https://www.w3.org/blog/2018/02/accessibility-review-of-2017-and-outlook-for-2018/

• https://letorey.co.uk/blog/a11y-isnt-just 

http://accessibility.voxmedia.com/

https://alistapart.com/article/diy-web-accessibility-blueprint

https://www.stefanjudis.com/useful-accessibility-resources/

https://github.com/YozhikM/stylelint-a11y — Плагин для stylelint с правилами a11y  

https://www.marcozehe.de/2018/04/11/introducing-the-accessibility-inspector-in-the-firefox-developer-tools/

https://habr.com/company/yandex/blog/424879/

 https://dev.to/maxwell_dev/the-web-accessibility-introduction-i-wish-i-had-4ope

https://moritzgiessmann.de/accessibility-cheatsheet/

   

https://medium.com/pulsar/which-accessibility-testing-tool-should-you-use-e5990e6ef0a

Разработка доступных интерфейсов

https://habr.com/company/oleg-bunin/blog/425447/