Доступность сайтов

Инструменты

• Tenon
• Visual ARIA
• tota11y
• Ally.js
• Free web accessibility tools
• aXe
• postcss-colorblind
• ChromeLens
• Accessibility Developer Tools
• A11y Command-line Tools
• awesome-a11y
• An accessible widget & pattern library
• Tools for Developing Accessible Websites
• FormLinter
• Accessibility engine for automated Web UI testing
• IDI Web Accessibility Checker
• WAVE Evaluation Tool + расширение для Chrome
• Client side accessibility error scanner

Статьи

• WAI-ARIA basics
• Easy content organisation with HTML5
• WebAIM's WCAG 2.0 Checklist
• Доступность веб‑страницы (7 рекомендаций)
• Using VoiceOver to Evaluate Web Accessibility
• HTML For Screen Readers - Labelling Elements
• The web accessibility basics
• Awesome Accessibility
• Как проектировать для людей с цветовой слепотой
• Как «Яндекс» создает доступные интерфейсы
• Styleguide: Accessibility
• Accessibility Guidelines
• ARIA Examples
• OpenAjax Examples
• Эффективное использование ARIA в HTML5
• Accessibility Fails
• Доступные компоненты пользовательского интерфейса
• Государственный сайт, доступный для людей с ограниченными возможностями (чек-лист доступности)
• Changing the Reading Order of a Page with ARIA Flowto
• Accessibility developer tools
• Using the aria-current attribute
• Rules for Using ARIA in HTML
• Basic screen reader commands for accessibility testing
• A11Y Style Guide
• The Accessibility Cheatsheet
• Верстка сайтов для людей с ограниченными возможностями
• How to make error messages accessible
• 10 guidelines to improve your web accessibility
• Как сделать сайты доступнее для пользователей с нарушениями зрения
• Веблайнд — рекомендации по разработке сайтов для людей с нарушениями зрения
• Руководство по alt-text от слабовидящего веб-разработчика
• Семь простых правил, чтобы сделать Интернет доступным для всех

Доклады

• Introduction to accessibility mechanics | FrontTalks 2015
• ARIA – Roles, States and Properties
• Увидеть больше (как делать сайты, адаптированные для слабовидящих людей)
  

Почитать на досуге

• Как программируют слабовидящие программисты?
• Дальтонизм
• Смотря на код с закрытыми глазами
• Как работают дизайнеры, которые плохо различают цвета?
• Как используют интернет и современные технологии люди с нарушением зрения. Исследование Яндекса
• Создание дизайна для дальтоников
• "В интернете нет ни ступенек, ни пандусов — ограничений быть не должно"

Контакты

Если у вас имеются какие-либо вопросы или пожелания, пишите письма на nikbelikov@me.com.

Лицензия

Copyright (c) 2016-2018 nikbelikov.com

Данная лицензия разрешает лицам, получившим копию данного программного обеспечения и сопутствующей документации (в дальнейшем именуемыми «Программное Обеспечение»), безвозмездно использовать Программное Обеспечение без ограничений, включая неограниченное право на использование, копирование, изменение, добавление, публикацию, распространение, сублицензирование и/или продажу копий Программного Обеспечения, также как и лицам, которым предоставляется данное Программное Обеспечение, при соблюдении следующих условий:

Указанное выше уведомление об авторском праве и данные условия должны быть включены во все копии или значимые части данного Программного Обеспечения.

ДАННОЕ ПРОГРАММНОЕ ОБЕСПЕЧЕНИЕ ПРЕДОСТАВЛЯЕТСЯ «КАК ЕСТЬ», БЕЗ КАКИХ-ЛИБО ГАРАНТИЙ, ЯВНО ВЫРАЖЕННЫХ ИЛИ ПОДРАЗУМЕВАЕМЫХ, ВКЛЮЧАЯ, НО НЕ ОГРАНИЧИВАЯСЬ ГАРАНТИЯМИ ТОВАРНОЙ ПРИГОДНОСТИ, СООТВЕТСТВИЯ ПО ЕГО КОНКРЕТНОМУ НАЗНАЧЕНИЮ И ОТСУТСТВИЯ НАРУШЕНИЙ ПРАВ. НИ В КАКОМ СЛУЧАЕ АВТОРЫ ИЛИ ПРАВООБЛАДАТЕЛИ НЕ НЕСУТ ОТВЕТСТВЕННОСТИ ПО ИСКАМ О ВОЗМЕЩЕНИИ УЩЕРБА, УБЫТКОВ ИЛИ ДРУГИХ ТРЕБОВАНИЙ ПО ДЕЙСТВУЮЩИМ КОНТРАКТАМ, ДЕЛИКТАМ ИЛИ ИНОМУ, ВОЗНИКШИМ ИЗ, ИМЕЮЩИМ ПРИЧИНОЙ ИЛИ СВЯЗАННЫМ С ПРОГРАММНЫМ ОБЕСПЕЧЕНИЕМ ИЛИ ИСПОЛЬЗОВАНИЕМ ПРОГРАММНОГО ОБЕСПЕЧЕНИЯ ИЛИ ИНЫМИ ДЕЙСТВИЯМИ С ПРОГРАММНЫМ ОБЕСПЕЧЕНИЕМ.