Введение в веб-доступность
Под веб-доступностью (англ. web-accessibility) понимают инклюзивную практику, при которой веб-сайты, онлайн-инструменты и веб-технологии разрабатываются таким образом, чтобы их могли использовать люди с особыми потребностями, в том числе (но не исключительно!) с ограниченными возможностями здоровья.
Понятие цифровой доступности (англ. digital accessibility) определяется аналогично, но распространяется на все электронные (цифровые) ресурсы, включая веб-контент, веб-приложения и цифровые документы. Требования веб-доступности справедливы и для цифровой доступности.
Цифровой контент доступен, если люди могут его воспринимать и понимать, ориентироваться в нем и взаимодействовать с ним, а также вносить в него свой вклад.
Кому нужна веб-доступность?
Веб-доступность необходима людям с нарушениями зрения, слуха, опорно-двигательного аппарата, речи, а также с когнитивными и неврологическими нарушениями.
Веб-доступность может быть полезна: пожилым людям, способности которых изменяются вследствие старения; людям с временными ограничениями, например, переломом руки; людям, которые используют мобильные устройства с небольшим экраном; людям, которые столкнулись с ситуативными ограничениями (например, яркое солнце или шумное помещение) или вынуждены использовать слабое Интернет-соединение.
Таким образом, веб-доступность необходима многим, а полезна – практически всем!
Подробнее об ограничениях, при которых веб-доступность необходима и может быть полезна читайте в учебно-методическом пособии (УМП) "Веб-доступность в электронном обучении" (раздел 1.2 "Кому нужна веб-доступность? Проблемы дизайна").
Материалы:
Considering the User Perspective (WebAIM)
Introduction to Web Accessibility (WAI W3C)
Международные стандарты доступности WCAG
Международные стандарты доступности веб-контента 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").
Материалы:
WCAG 2.1
Актуальная версия стандартов веб-доступности 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").
Материалы: