Введение в веб-доступность

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

Веб-доступность может быть полезна: пожилым людям, способности которых изменяются вследствие старения; людям с временными ограничениями, например, переломом руки; людям, которые используют мобильные устройства с небольшим экраном; людям, которые столкнулись с ситуативными ограничениями (например, яркое солнце или шумное помещение) или вынуждены использовать слабое Интернет-соединение.

Таким образом, веб-доступность необходима многим, а полезна – практически всем!

Подробнее об ограничениях, при которых веб-доступность необходима и может быть полезна читайте в учебно-методическом пособии (УМП) "Веб-доступность в электронном обучении" (раздел 1.2 "Кому нужна веб-доступность? Проблемы дизайна").

Материалы:

• Considering the User Perspective (WebAIM)

• Introduction to Web Accessibility (WAI W3C)

Международные стандарты доступности веб-контента Web Content Accessibility Guidelines (WCAG) имеют общепризнанный в сети Интернет статус конститутивных документов в области веб-доступности. Технические документы WCAG разрабатываются Рабочей группой по правилам доступности, которая является частью Инициативы по обеспечению доступности веб-сайтов (Web Accessibility Initiative, WAI) Консорциума Всемирной паутины (World Wide Web Consortium, W3C).

В рекомендациях WCAG содержатся подробные инструкции, как сделать веб-контент более доступным для людей с особыми потребностями.

В истории WCAG выделяют три этапа, каждый из которых отмечен выходом новой, улучшенной и соответствующей своему времени, версии стандарта: WCAG 1.0 (1999), WCAG 2.0 (2008), WCAG 2.1 (2018). В 2012 году WCAG 2.0 утвержден в качестве международного стандарта ISO: ISO/IEC 40500:2012.

Рекомендации WCAG можно представить послойно:

слой 1. Главные принципы ─ обеспечивают основу доступности в интернете: воспринимаемость, работоспособность, понятность и надежность;

слой 2. Руководящие принципы ─ обеспечивают основные цели, к которым должны стремиться авторы веб-контента, чтобы сделать его более доступным для пользователей с различными нарушениями;

слой 3. Критерии успеха ─ позволяют тестировать контент на доступность за счет проверяемости, измеримости и однозначности толкования; соответствуют трем уровням – А, АА, ААА в зависимости от важности критерия и сложности его выполнения;

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

Подробнее о стандартах WCAG и прочих рекомендациях по обеспечению доступности: "Веб-доступность в электронном обучении" (раздел 1.3 "Международные стандарты доступности WCAG").

Материалы:

• Facts about W3C (2018)

• Web Content Accessibility Guidelines (WCAG) Overview (2018)

• Web Content Accessibility Guidelines 1.0 (1999)

• Web Content Accessibility Guidelines (WCAG) 2.0 (2008)

• Web Content Accessibility Guidelines (WCAG) 2.0 (2013) Уполномоченный русский перевод

• Web Content Accessibility Guidelines (WCAG) 2.1 (2018)

Актуальная версия стандартов веб-доступности WCAG 2.1 содержит четыре главных принципа, 13 руководящих принципов и 78 критериев успеха.

1. Воспринимаемость (Perceivable) ─ информация и компоненты пользовательского интерфейса должны быть представлены только в том виде, который могут воспринимать пользователи.

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

• Примеры: подписи под рисунками, раскрывающие содержание изображения; кнопка с надписью «поиск» вместо изображения увеличительного стекла; текстовая метка о типе данных, которые необходимо ввести в форму.

1.2 Медиаконтент. Предоставьте альтернативную версию медиаконтента, ограниченного по времени.

• Примеры: стенограмма видео ролика; аудиоописание важных деталей видео; субтитры.

1.3 Адаптируемость. Создавайте контент, который можно представить в различных видах без потери данных или структуры (например, с более простым макетом страницы).

• Примеры: программно определенные заголовки и списки; соответствие последовательности текстовых блоков в коде страницы последовательности воспроизведения контента.

1.4 Различимость. Упростите просмотр и прослушивание контента, отделив важные части от второстепенных.

• Примеры: использование штриховки в диаграммах вместо цвета; высокий контраст текста и фона; отсутствие фонового звука.

2. Управляемость (Operable) ─ компоненты пользовательского интерфейса и навигации должны быть управляемыми.

2.1 Доступность управления с клавиатуры. Предоставьте возможность управления всей функциональностью с клавиатуры.

• Пример: перемещение между ссылками и блоками с использованием клавиши TAB и «горячих клавиш».

2.2 Достаточное время. Предоставьте пользователям достаточно времени для ознакомления и работы с контентом.

• Примеры: отсутствие ограничений на выполнение тестов; возможность использовать паузу для приостановки воспроизведения.

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

• Пример: отсутствие вспышек и мерцаний в видеороликах.

2.4 Навигация. Предоставьте пользователям помощь и поддержку в навигации, поиске контента и в определении их текущего положения на сайте.

• Примеры: гиперссылки имеют текстовое название, соответствующее направлению перехода; предусмотрен механизм пропуска повторяющихся блоков текста (например, меню).

2.5 Модальности ввода. Облегчите работу пользователей с помощью различных методов ввода, помимо клавиатуры.

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

3. Понятность (Understandable) ─ информация и операции пользовательского интерфейса должны быть понятными.

3.1 Удобочитаемость. Сделайте весь текстовый контент удобочитаемым и понятным.

• Примеры: язык страницы определяется программно, и программа экранного доступа автоматически переключает язык озвучивания; аббревиатуры и новые термины расшифрованы.

3.2 Предсказуемость. Веб-страницы должны отображаться и функционировать предсказуемым образом.

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

3.3 Помощь при вводе. Помогайте пользователям избегать ошибок при вводе информации и исправлять их

• Примеры: выводится предупреждение о допущенных ошибках перед отправкой формы; предоставляются подсказки при вводе текста (Т9).

4. Надежность (Robust) ─ контент должен быть надежным в такой степени, которая требуется для его интерпретации широким кругом различных пользовательских приложений, включая ассистивные (вспомогательные) технологии.

4.1 Совместимость. Максимальная совместимость с текущими и будущими пользовательскими агентами, включая вспомогательные технологии.

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

Любительский перевод на русский язык WCAG 2.1: "Веб-доступность в электронном обучении" (раздел "Полная версия WCAG 2.1").

Материалы:

1. Web Content Accessibility Guidelines (WCAG) 2.1 (2018)

2. Accessibility Principles (2019)