Ознакомьтесь с правилами обеспечения цифровой доступности.
Рекомендации по обеспечению доступности веб-контента (WCAG)
Рекомендации по обеспечению доступности веб-контента (WCAG) являются мировым стандартом, помогающим сделать сайты и цифровой контент доступными для людей с инвалидностью.
Разработанные Инициативой по обеспечению доступности Интернета (WAI) консорциума World Wide Web Consortium (W3C), рекомендации WCAG содержат 86 проверяемых критериев успешности, которые помогают владельцам сайтов, веб-дизайнерам и авторам контента создавать доступные сайты. Когда организация соответствует WCAG, это означает, что она выполнила стандарты доступности, устраняющие барьеры для пользователей с различными видами инвалидности, включая нарушения зрения, слуха, двигательных и когнитивных функций.
Соответствие WCAG иногда называют «соблюдением WCAG». Сами рекомендации WCAG не являются законом, однако фактически служат стандартом соблюдения многих законов США и других стран. Поскольку судебные иски, связанные с цифровой доступностью, по-прежнему широко распространены, соответствие WCAG больше не является необязательным — это юридическая и деловая необходимость.
Ключевые выводы
- Соблюдение WCAG означает соответствие Рекомендациям по обеспечению доступности веб-контента — международному стандарту цифровой доступности, на который ссылаются многие законы о доступности.
- WCAG 2.2 — текущая версия, содержащая 86 критериев успешности; WCAG 2.1, уровень AA — стандарт, на который чаще всего ссылаются законы и нормативные акты.
- Четыре принципа WCAG: воспринимаемость, управляемость, понятность и надёжность (POUR).
- Органы власти штатов и местного самоуправления должны обеспечить соответствие WCAG 2.1 AA до 24 апреля 2026 года в соответствии с окончательным правилом Министерства юстиции США по разделу II ADA.
- Европейский акт о доступности вступил в силу в июне 2025 года и требует от многих компаний, продающих товары и услуги клиентам в ЕС, соответствия EN 301 549 — стандарту ЕС, включающему WCAG.
- Аудиты доступности должны сочетать автоматизированные инструменты с ручным тестированием с использованием вспомогательных технологий.
Что означает соответствие WCAG?
Соответствие WCAG означает, что сайт отвечает Рекомендациям по обеспечению доступности веб-контента — мировому стандарту веб-доступности, разработанному World Wide Web Consortium (W3C). Выражение «соблюдение WCAG» фактически не совсем точно: поскольку WCAG — это стандарт, а не закон, технически правильнее говорить «соответствие WCAG». Тем не менее «соблюдение WCAG» широко используется как синоним «соответствия WCAG».
Рекомендации WCAG содержат технические критерии успешности, которые помогают владельцам сайтов сделать веб-контент доступным для людей с инвалидностью. В том числе для пользователей экранных дикторов, клавиатурной навигации, субтитров и других вспомогательных технологий. Когда сайт соответствует требованиям WCAG, люди с нарушениями зрения, слуха, двигательных функций, а также когнитивными нарушениями или трудностями в обучении могут воспринимать веб-страницы, перемещаться по ним и взаимодействовать с ними.
| Версия WCAG | Дата выпуска | Критерии успешности | Статус |
|---|---|---|---|
| WCAG 2.0 | Декабрь 2008 года | 61 критерий | По-прежнему упоминается во многих законах |
| WCAG 2.1 | Июнь 2018 года | 78 критериев (+17 новых) | Текущий юридический стандарт |
| WCAG 2.2 | Октябрь 2023 года | 86 критериев (+9 новых) | Последняя рекомендация W3C |
| WCAG 3.0 | В разработке | 174 результата (предлагается) | Ожидается в 2028 году или позднее |
Что охватывает WCAG?
Изначально WCAG разрабатывались для HTML-контента, к которому пользователи получают доступ через веб-браузеры. Однако актуальность этих рекомендаций выходит далеко за рамки традиционных веб-страниц. WCAG широко применяются к веб-контенту и технологиям, если они могут интерпретироваться пользовательскими агентами, включая вспомогательные технологии.
| Тип контента | Примеры | Применяется ли WCAG? |
|---|---|---|
| Сайты | Публичные сайты, интранеты, веб-приложения | Да |
| Мобильные приложения | Приложения для iOS и Android | Да |
| Документы | PDF-файлы, документы Word, электронные таблицы | Да |
| Мультимедиа | Видео, подкасты, аудиофайлы | Да |
| Электронная почта | HTML-рассылки, маркетинговые письма | Да |
| Цифровые киоски | Терминалы самообслуживания, банкоматы | Да |
| Электронное обучение | Онлайн-курсы, учебные модули | Да |
Законы, ссылающиеся на WCAG и связанные стандарты, охватывают различные виды цифрового взаимодействия. Например, правило Министерства юстиции США по разделу II ADA отдельно распространяется на веб- и мобильный контент, включая цифровые документы, предоставляемый органами власти штатов и местного самоуправления. Европейский акт о доступности применяется к широкому спектру потребительских товаров и услуг, включая платформы электронной коммерции, банковские услуги и бытовую электронику. Любой цифровой контент, предназначенный для общественности, должен соответствовать WCAG, чтобы люди с инвалидностью могли получить к нему доступ.
Законы, ссылающиеся на WCAG и связанные стандарты, охватывают различные виды цифрового взаимодействия. Например, правило Министерства юстиции США по разделу II ADA отдельно распространяется на веб- и мобильный контент, включая цифровые документы, предоставляемый органами власти штатов и местного самоуправления. Европейский акт о доступности применяется к широкому спектру потребительских товаров и услуг, включая платформы электронной коммерции, банковские услуги и бытовую электронику. Любой цифровой контент, предназначенный для общественности, должен соответствовать WCAG, чтобы люди с инвалидностью могли получить к нему доступ.
Кому необходимо соответствовать WCAG?
Практически любой организации с цифровым присутствием следует соответствовать WCAG. Юридические требования различаются в зависимости от отрасли, однако доступность приносит пользу всем компаниям.
| Тип организации | Юридическое требование | Зачем соблюдать |
|---|---|---|
| Федеральные государственные органы | Раздел 508 (обязательно) | Требуется по закону |
| Органы власти штатов и местного самоуправления | Раздел II ADA (обязательно) | Срок — апрель 2026 года |
| Частные компании | Раздел III ADA (обеспечивается судами) | Предотвращение судебных исков |
| Сайты электронной коммерции | EAA в ЕС (обязательно) | Доступ к рынку |
| Медицинские организации | ADA + раздел 504 | Доступ для пациентов |
| Образовательные учреждения | ADA + раздел 504 | Доступ для учащихся |
| Некоммерческие организации | Применяется ADA | Обслуживание всех групп населения |
Даже при отсутствии конкретного юридического требования владельцы сайтов получают преимущества от соответствия WCAG. Доступные сайты охватывают больше пользователей, лучше ранжируются в поисковых системах и снижают юридические риски. Более 1 миллиарда человек во всём мире имеют инвалидность, поэтому доступность сайтов значительно расширяет потенциальную аудиторию.
Является ли WCAG юридическим требованием в США?
Да, для большинства организаций. WCAG 2.1 уровня AA фактически является стандартом веб-доступности в рамках нескольких законов США, а суды последовательно используют WCAG как критерий соблюдения требований доступности.
В окончательном правиле Министерства юстиции США по разделу II ADA WCAG 2.1 уровня AA были официально утверждены для всех органов власти штатов и местного самоуправления. Это распространяется на государственные сайты, мобильные приложения, цифровые документы и онлайн-сервисы.
| Тип организации | Численность населения | Срок обеспечения соответствия |
|---|---|---|
| Крупные государственные организации | 50,000+ жителей | 24 апреля 2026 года |
| Небольшие государственные организации | Менее 50,000 жителей | 26 апреля 2027 года |
| Органы специальных округов | Любая численность | 26 апреля 2027 года |
Для частных компаний раздел III Закона об американцах с инвалидностью требует обеспечивать доступность сайтов на основании судебных решений и соглашений с Министерством юстиции США. Раздел 508 Закона о реабилитации прямо требует соответствия WCAG от федеральных государственных органов и подрядчиков.
Судебные иски, связанные с цифровой доступностью, остаются широко распространёнными. Автоматизированные инструменты теперь массово формируют жалобы, поэтому потенциальной целью может стать любая компания, имеющая проблемы с доступностью.
Какие законы о доступности требуют соответствия WCAG?
Законодательство о цифровой доступности по всему миру ссылается на WCAG как на технический стандарт соответствия. Выполнение требований WCAG обеспечивает соблюдение большинства нормативных актов о доступности.
| Закон / нормативный акт | Географическая сфера действия | Требуемый стандарт WCAG | Срок обеспечения соответствия |
|---|---|---|---|
| Раздел II ADA (правило Министерства юстиции США) | Органы власти штатов и местного самоуправления США | WCAG 2.1 AA | Апрель 2026 / 2027 года |
| Раздел III ADA | Частные компании США | WCAG 2.1 AA (фактический стандарт по решениям судов) | Постоянно |
| Раздел 508 | Федеральные органы США | WCAG 2.0 AA | Действует |
| Европейский акт о доступности | Компании, обслуживающие потребителей в ЕС | EN 301 549 (включает WCAG 2.1 AA) | 28 июня 2025 года |
| AODA | Онтарио, Канада | WCAG 2.0 AA | Действует |
| Европейская директива о веб-доступности | Государственный сектор Европейского союза | EN 301 549 (включает WCAG 2.1 AA) | Действует |
Европейский акт о доступности (EAA) стал обязательным для исполнения 28 июня 2025 года, потребовав соответствия WCAG от многих компаний, продающих цифровые товары или услуги клиентам в ЕС. Штрафы различаются в зависимости от государства-члена и достигают €100,000 в Германии и €250,000 во Франции. Товары, не соответствующие требованиям, могут быть полностью изъяты с рынка.
Каковы четыре принципа WCAG?
Четыре принципа WCAG, известные как POUR, — это воспринимаемость, управляемость, понятность и надёжность. Эти принципы лежат в основе всех критериев успешности WCAG и определяют, что означает доступность веб-контента.
| Принцип | Что это означает | Пример требования |
|---|---|---|
| Воспринимаемость | Пользователи должны иметь возможность воспринимать контент хотя бы одним органом чувств. | Предоставляйте текстовые альтернативы изображениям и добавляйте субтитры к видео. |
| Управляемость | Пользователи должны иметь возможность управлять интерфейсом. | Обеспечьте доступ с клавиатуры и предоставьте достаточно времени для чтения контента. |
| Понятность | Пользователи должны понимать контент и способы его использования. | Используйте ясный язык и сделайте навигацию предсказуемой. |
| Надёжность | Контент должен работать с текущими и будущими пользовательскими агентами. | Используйте валидный код и обеспечьте совместимость со вспомогательными технологиями. |
Каковы 13 рекомендаций WCAG?
Четыре принципа WCAG включают 13 рекомендаций, которые задают конкретные цели веб-доступности. Каждая рекомендация содержит проверяемые критерии успешности для трёх уровней соответствия WCAG: A, AA и AAA.
Рекомендации по воспринимаемости
1.1 Текстовые альтернативы — Предоставляйте текстовые альтернативы нетекстовому контенту. Это включает альтернативный текст для изображений, подписи полей форм и описания значков. Текстовые альтернативы позволяют пользователям экранных дикторов понимать контент, который они не видят.
1.2 Медиаконтент, ограниченный по времени — Предоставляйте альтернативы аудио- и видеоконтенту. Это включает субтитры для видео, расшифровки аудиофайлов и аудиоописания визуального контента.
1.3 Адаптируемость — Создавайте контент, который можно представлять разными способами без потери информации. Веб-страницы должны сохранять смысл, когда пользователи изменяют настройки отображения или применяют вспомогательные технологии.
1.4 Различимость — Сделайте контент удобным для зрения и слуха. Это включает достаточный цветовой контраст, масштабируемый текст и элементы управления звуком. Эти функции необходимы пользователям со слабым зрением или нарушениями слуха.
Рекомендации по управляемости
2.1 Доступность с клавиатуры — Сделайте все функции доступными с клавиатуры. Пользователи, которые не могут пользоваться мышью, должны иметь возможность перемещаться по веб-контенту только с помощью клавиатуры.
2.2 Достаточно времени — Предоставляйте пользователям достаточно времени для чтения и взаимодействия с контентом. Избегайте строгих временных ограничений или позволяйте продлевать их.
2.3 Судороги и физические реакции — Не создавайте контент, вызывающий судороги. Избегайте мигающего контента, который может спровоцировать фоточувствительную эпилепсию.
2.4 Навигация — Помогайте пользователям перемещаться и находить контент. Используйте понятные заголовки, описательный текст ссылок и логичный порядок фокуса.
2.5 Способы ввода — Поддерживайте различные способы ввода помимо клавиатуры и мыши. Пользователи могут применять сенсорные экраны, голосовые команды или переключатели.
Рекомендации по понятности
3.1 Читаемость — Сделайте текст читаемым и понятным. Используйте ясный язык и объясняйте необычные термины или сокращения.
3.2 Предсказуемость — Обеспечьте предсказуемое отображение и работу веб-страниц. Последовательная навигация и функциональность помогают всем пользователям.
3.3 Помощь при вводе — Помогайте пользователям избегать и исправлять ошибки. Предоставляйте понятные сообщения об ошибках и инструкции для форм.
Рекомендации по надёжности
4.1 Совместимость — Максимально обеспечьте совместимость с текущими и будущими пользовательскими агентами, включая вспомогательные технологии. Используйте валидный код и соблюдайте веб-стандарты, чтобы контент надёжно работал в разных браузерах и на различных устройствах.
Каковы три уровня соответствия WCAG?
WCAG предусматривает три уровня соответствия —уровень A, уровень AA и уровень AAA, — которые определяют возрастающую степень доступности. Уровень AA является юридическим стандартом для большинства требований доступности.
| Уровень | Описание | Критерии успешности | Юридический статус |
|---|---|---|---|
| Уровень A | Минимальная доступность — устраняет наиболее критичные барьеры доступности. | 30 критериев | Требуется для соответствия |
| Уровень AA | Стандартная доступность — устраняет барьеры для большинства людей с инвалидностью. | 20 дополнительных критериев | Требуется большинством законов |
| Уровень AAA | Наивысшая доступность — обеспечивает расширенный доступ, но не всегда достижима. | 28 дополнительных критериев | Желательный уровень; юридически не обязателен |
Каждый уровень основывается на предыдущем. Чтобы достичь уровня AA, сначала необходимо выполнить все критерии уровня A. Уровни соответствия помогают владельцам сайтов расставлять приоритеты в работе над доступностью и понимать свои обязательства по соблюдению требований.
Для соответствия WCAG и большинству законов о доступности организации должны выполнить все критерии успешности WCAG уровней A и AA. Соответствие уровню AAA является необязательным, поскольку некоторые критерии невозможно выполнить для всех типов контента.
Чем различаются критерии успешности разных уровней
Одна и та же рекомендация может включать критерии успешности разных уровней. Ниже приведён пример требований к доступности видео:
| Критерий успешности | Уровень | Требование |
|---|---|---|
| 1.2.3 Аудиоописание или медиаальтернатива | A | Предоставьте аудиоописание или текстовую альтернативу для видео. |
| 1.2.5 Аудиоописание (предварительно записанное) | AA | Предоставьте аудиоописание для всех предварительно записанных видео. |
| 1.2.8 Медиаальтернатива (предварительно записанная) | AAA | Предоставьте полную текстовую расшифровку, включающую аудиоописания. |
С повышением уровня требования становятся более комплексными. Уровень A допускает выбор: аудиоописание ИЛИ текст; уровень AA требует именно аудиоописание, а уровень AAA — и аудиоописание, и текстовые альтернативы.
Что считается нарушением WCAG?
Нарушения WCAG возникают, когда веб-контент не соответствует одному или нескольким критериям успешности. Каждое нарушение создаёт барьер доступности, мешающий людям с инвалидностью пользоваться вашим сайтом.
Распространённые нарушения WCAG:
| Нарушение | Критерий WCAG | Последствия |
|---|---|---|
| Отсутствует альтернативный текст изображений | 1.1.1 Нетекстовый контент | Пользователи экранных дикторов не могут понять содержание изображений. |
| Недостаточный цветовой контраст | 1.4.3 Контраст (минимальный) | Пользователи со слабым зрением не могут прочитать текст. |
| Нет доступа с клавиатуры | 2.1.1 Клавиатура | Пользователи, которые не могут использовать мышь, лишены доступа. |
| Отсутствуют подписи полей формы | 1.3.1 Информация и взаимосвязи | Пользователи экранных дикторов не могут заполнить формы. |
| Автоматическое воспроизведение медиа | 1.4.2 Управление звуком | Мешает работе экранных дикторов. |
| В видео отсутствуют субтитры | 1.2.2 Субтитры (предварительно записанные) | Глухие и слабослышащие пользователи не получают содержание. |
| Отсутствуют заголовки страниц | 2.4.2 Заголовок страницы | Пользователи не могут определить веб-страницу или перемещаться по ней. |
Любая проблема доступности, мешающая пользователям воспринимать ваш веб-контент, управлять им или понимать его, является потенциальным нарушением WCAG и потенциальным юридическим риском.
Как обеспечить соответствие сайта WCAG?
Для обеспечения доступности сайтов требуется сочетание автоматизированных инструментов, ручного тестирования и постоянной работы над доступностью. Ни один инструмент не выявляет все проблемы доступности.
Шаг 1. Проведите аудит доступности
Начните с аудита доступности, сочетающего автоматизированное сканирование с ручным тестированием экспертами и людьми с инвалидностью. Автоматизированные инструменты не выявляют все проблемы доступности — остальные требуют проверки человеком с использованием вспомогательных технологий, например экранных дикторов.
| Метод тестирования | Что он выявляет | Ограничения |
|---|---|---|
| Автоматизированные инструменты | Распространённые проблемы доступности, такие как недостаточный цветовой контраст, отсутствие альтернативного текста и подписей полей форм. | Не могут выявить все проблемы доступности. |
| Ручная экспертная проверка | Комплексные нарушения доступности, включая навигацию с клавиатуры, порядок фокуса, структуру страницы и семантическую разметку. | Эксперты могут воспринимать сайт иначе, чем реальные пользователи с инвалидностью. |
| Функциональное тестирование со вспомогательными технологиями (AT) | Барьеры, с которыми сталкиваются пользователи вспомогательных технологий в критически важных сценариях, например при регистрации или оформлении заказа. | Обычно выполняется одним экспертом по вспомогательным технологиям и не охватывает все виды инвалидности или потребности пользователей. |
| Тестирование пользователями с инвалидностью | Реальные проблемы удобства использования, включая запутанные макеты, сложности навигации и затруднённое выполнение задач. | Может потребовать дополнительного планирования, координации и ресурсов. |
Шаг 2. Устраняйте проблемы доступности по приоритету
Сосредоточьтесь на проблемах, создающих для пользователей самые серьёзные барьеры доступности. Именно они также с наибольшей вероятностью создают юридические риски.
Шаг 3. Обучите команду
Веб-дизайнеры, разработчики и авторы контента — все участвуют в обеспечении доступности. Обучите требованиям WCAG и стандартам доступности всех, кто создаёт цифровой контент.
Шаг 4. Встройте доступность в рабочий процесс
Не добавляйте доступность постфактум — закладывайте её с самого начала. Включайте требования доступности в проектные спецификации, проверки кода и рекомендации по контенту. Такой подход обходится дешевле и даёт лучшие результаты, чем устранение проблем после запуска.
Шаг 5. Документируйте работу по обеспечению доступности
Опубликуйте на сайте заявление о доступности. Задокументируйте заявления о соответствии, известные проблемы и сроки их устранения. Это демонстрирует добросовестность и может снизить штрафы при возникновении проблем.
В чём разница между WCAG 2.1 и WCAG 2.2?
WCAG 2.2 развивает WCAG 2.1 и обладает полной обратной совместимостью. Контент, соответствующий WCAG 2.2, также соответствует WCAG 2.1 и WCAG 2.0.
| Характеристика | WCAG 2.1 | WCAG 2.2 |
|---|---|---|
| Дата выпуска | Июнь 2018 года | Октябрь 2023 года |
| Общее количество критериев успешности | 78 | 86 |
| Новые критерии успешности | 17 (добавлены к WCAG 2.0) | 9 (добавлены к WCAG 2.1; один предыдущий критерий удалён) |
| Основные направления | Мобильная доступность, слабое зрение и когнитивная доступность. | Когнитивные нарушения, слабое зрение и мобильная доступность. |
| Юридический статус | Текущий стандарт для большинства законов о доступности. | Рекомендуемый стандарт, который всё чаще становится юридическим требованием. |
WCAG 2.2 добавила девять новых критериев успешности, ориентированных на пользователей с когнитивными нарушениями или трудностями в обучении, людей со слабым зрением и пользователей мобильных устройств. Среди ключевых дополнений — требования к отображению фокуса, перетаскиванию и доступной аутентификации.
Большинство нормативных актов о доступности сейчас ссылаются на WCAG 2.1, однако организациям следует ориентироваться на WCAG 2.2, чтобы обеспечить соответствие требованиям в будущем. Существующие критерии успешности версии 2.1 остались без изменений в версии 2.2, за исключением одного удалённого критерия.
Что насчёт WCAG 3.0?
WCAG 3.0 — следующая основная версия рекомендаций по доступности. Рабочая группа по рекомендациям доступности продолжает разрабатывать стандарт, но официальная дата его выпуска пока не определена.
WCAG 3.0 вводит существенные изменения, включая новую систему оценки (шкала 0-4 вместо «пройдено/не пройдено»), новые уровни соответствия (Bronze / Silver / Gold вместо A / AA / AAA) и более широкую сферу, охватывающую новые технологии, например голосовые интерфейсы и носимые устройства.
Организациям следует по-прежнему ориентироваться на WCAG 2.2 AA как на действующий стандарт. WCAG 3.0 ещё много лет не повлияет на юридические требования, однако её концепции, например тестирование пользователями со вспомогательными технологиями, уже стоит внедрять.
Часто задаваемые вопросы
Часто задаваемые вопросы.
Не нашли нужный ответ? Свяжитесь с нами — будем рады пообщаться.
