Доступность веб-интерфейсов

Захар Авсиевич, EffectiveSoft

@a11yminsk

22 АПРЕЛЯ
SPACE

Accessibility

A11Y

Веб-доступность
это набор требований, методов и технологий разработки интерфейсов, которые делают их доступными для всех пользователей.
Инклюзивность
подход, к разработке интерфейса, удобного для каждого

инвалидность

каждый из нас

> 1млрд (15%)

110-190млн

Факторы, влияющие на доступность

Виды нарушений

Визуальные - 253млн

Проблемы со зрением: могут варьироваться от неспособности различать цвета до полного отсутствия зрения.

Дальтонизм

Аудиальные - 360 миллионов человек с потерей слуха

Проблемы со слухом означают, что пользователю сложно распознавать звуки, которые звучат со страницы.

Моторные

Проблемы с мобильностью: могут включать невозможность управлять мышью, клавиатурой или сенсорным экраном.

Когнитивные

Пользователю могут потребоваться вспомогательные технологии для чтения текста, так что важно использовать альтернативы для текстовой информации.

Психические нарушения - 15 % старше 60 лет

недоступный

WCAG
The Web Content Accessibility Guidelines

4 принципа

Воспринимаемость

Информация и компоненты интерфейса должны быть представлены пользователю в тех формах, которые он способен воспринимать.

Осуществимость

Пользователь должен иметь возможность воспользоваться компонентами интерфейса и навигацией.

Ясность

Информация и работа пользовательского интерфейса должны быть понятными.

Совместимость

Содержимое должно быть доступно через разные браузеры, включая специальные браузеры для людей с ограниченными возможностями.

Уровни доступности

  1. A
  2. AA
  3. AAA

Уровень A

Начальный. Если рекомендации не выполнены, вспомогательные технологии не смогут полностью воспринимать содержимое страницы.

Уровень AA

Идеальная поддержка. Требуется для веб-сайтов правительства и государственных органов ЕС, а также лежит в основе закона ADA Compilence.

Уровень AAA

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

зачем делать доступные интерфейсы?

Моральные принципы

Суть веба - в доступности знаний и информации для всего человечества. Когда разработчики создают барьеры, то смысл веба теряется.

инвестиции в будущее

Не иметь нарушений — это временно

клиенты

закон

Евросоюз

Директива о веб-доступности («Web Accessibility Directive»)

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

Требования: WCAG 2.0 AA

Европейский закон о доступности (European Accessibility Act — EAA)

Обязаны исполнять все государственные и коммерческие компании, которые создают информационно-коммуникационные технологии.
2022 - Появятся документы о регулировании закона
2025 - Все приложения должны быть доступными

Требования: WCAG 2.0 (WCAG 2.1) (AA)

Европейский стандарт EN 301 549 (Standard EN 301 549 — EN 301 549)

Стандарт даёт только рекомендации. Он становится обязательным, когда на него ссылается документ с юридической силой. Это может быть Директива о веб-доступности или Европейский закон о доступности.

Основан на WCAG 2.0 AA

США

Раздел 508 (Section 508)

Обязаны исполнять федеральные агентства и любые компании, которые сотрудничают с ними. Ими могут быть частные фирмы из США и других стран ( + любые организации, получающие субсидии от государства)

Требования: WCAG 2.0 AA

Закон об американцах-инвалидах (ADA — Americans with Disabilities Act)

Любые коммерческие и некоммерческие организации, которые оказывают услуги большому числу людей
!Общественные места и коммерческие объекты!

Требования: WCAG 2.0 AA

ок, сколько стоит?

цена доступности - div

семантика

  1. Текстовое описание для всего, что не является текстом

Разработка с мыслью о доступности

Тестирование

Панель Accessibility Tree

Прослушивание страницы (VoiceOver, JAWS, NVDA)

Панель Accessibility Tree

Плагин ChromeVox

Спасибо!

@ZAVSIEVICH

Ссылки