Чек-лист доступности сайта по ADA (WCAG 2.1 AA)
Все критерии успеха WCAG 2.1 уровней A и AA: что проверить и поможет ли автоматический инструмент. Отмечайте каждый, когда ваш сайт его проходит.
Скачать PDF
Бесплатно, без e-mail. Распечатайте или поделитесь ссылкой.
- Критерии успеха
- 49
- Частично автоматически
- 21
- Ручная проверка
- 28
Как пользоваться чек-листом
- Сначала запустите автоматическую проверку: она быстро находит проблемы с пометкой «частично автоматически».
- Затем пройдите каждый критерий вручную: с клавиатурой, программой чтения с экрана и масштабом 200% и 400%.
- «Частично автоматически» означает, что инструмент проверяет часть критерия; остальное должен подтвердить человек.
Использование этого чек-листа не подтверждает, что сайт соответствует какому-либо закону.
1. Воспринимаемость
| № | Критерий успеха | Что проверить | Проверка |
|---|---|---|---|
| 1.1.1 | Нетекстовый контент Уровень A · WCAG 2.0 | WCAG 1.1.1 требует текстовую альтернативу для каждого изображения, иконки и кнопки-картинки (уровень A). Как писать alt, когда он пустой, исключения и проверка. | Частично автоматически |
| 1.2.1 | Только аудио и только видео (записанные) Уровень A · WCAG 2.0 | WCAG 1.2.1 требует расшифровку для записанного аудио и текстовую или звуковую альтернативу для видео без звука (уровень A). Что подходит, исключение и проверка. | Ручная проверка |
| 1.2.2 | Субтитры (записанные) Уровень A · WCAG 2.0 | WCAG 1.2.2 требует субтитры для всех записанных видео со звуком (уровень A). Что должно быть в субтитрах, почему автосубтитров мало и как их проверить на сайте. | Частично автоматически |
| 1.2.3 | Аудиодескрипция или альтернатива для медиа (записанные) Уровень A · WCAG 2.0 | WCAG 1.2.3 требует аудиодескрипцию или полную текстовую альтернативу для записанного видео (уровень A). Что значит каждый вариант, когда они не нужны, проверка. | Ручная проверка |
| 1.2.4 | Субтитры (в прямом эфире) Уровень AA · WCAG 2.0 | WCAG 1.2.4 требует субтитры для прямых трансляций со звуком, например вебинаров и live shopping (уровень AA). Что считается прямым эфиром, исключения, проверка. | Ручная проверка |
| 1.2.5 | Аудиодескрипция (записанные) Уровень AA · WCAG 2.0 | WCAG 1.2.5 требует аудиодескрипцию для всех записанных видео со звуком (уровень AA). Когда она не нужна, что такое расширенная аудиодескрипция, как проверить. | Ручная проверка |
| 1.3.1 | Информация и взаимосвязи Уровень A · WCAG 2.0 | WCAG 1.3.1 требует, чтобы заголовки, списки, таблицы и подписи полей были размечены в коде, а не только оформлены (уровень A). Частые ошибки, проверка, решение. | Частично автоматически |
| 1.3.2 | Значимая последовательность Уровень A · WCAG 2.0 | WCAG 1.3.2 требует, чтобы порядок контента в коде сохранял смысл при чтении вслух (уровень A). Частые ошибки CSS-вёрстки, как проверить порядок и исправить. | Ручная проверка |
| 1.3.3 | Сенсорные характеристики Уровень A · WCAG 2.0 | WCAG 1.3.3: инструкции не должны опираться только на форму, цвет, размер, место или звук, как «нажмите круглую кнопку» (уровень A). Примеры, проверка, решение. | Ручная проверка |
| 1.3.4 | Ориентация Уровень AA · WCAG 2.1 | WCAG 1.3.4: сайт не должен фиксировать портретную или альбомную ориентацию, если она не необходима (уровень AA). Что это значит, как проверить и исправить. | Частично автоматически |
| 1.3.5 | Определение назначения поля ввода Уровень AA · WCAG 2.1 | WCAG 1.3.5 требует, чтобы поля для данных о самом пользователе, например имени или email, указывали назначение через autocomplete (уровень AA). Поля и проверка. | Частично автоматически |
| 1.4.1 | Использование цвета Уровень A · WCAG 2.0 | WCAG 1.4.1: цвет не должен быть единственным визуальным способом передать информацию — ссылки, ошибки, наличие товара (уровень A). Примеры и исправление. | Частично автоматически |
| 1.4.2 | Управление звуком Уровень A · WCAG 2.0 | WCAG 1.4.2: звук, который играет сам дольше 3 секунд, нужно уметь поставить на паузу, остановить или убавить (уровень A). Типичные ошибки, проверка и решения. | Частично автоматически |
| 1.4.3 | Контраст (минимальный) Уровень AA · WCAG 2.0 | WCAG 1.4.3 требует контраст не ниже 4,5:1 для текста и 3:1 для крупного текста (уровень AA). Что считается крупным текстом, исключения и как проверить. | Частично автоматически |
| 1.4.4 | Изменение размера текста Уровень AA · WCAG 2.0 | WCAG 1.4.4 требует, чтобы текст можно было увеличить до 200 % без потери контента и функций (уровень AA). Почему запрет масштаба — ошибка, исключения, проверка. | Частично автоматически |
| 1.4.5 | Изображения текста Уровень AA · WCAG 2.0 | WCAG 1.4.5 требует по возможности использовать настоящий текст вместо картинок с текстом (уровень AA). Исключения для логотипов, примеры, проверка, исправление. | Ручная проверка |
| 1.4.10 | Перекомпоновка (reflow) Уровень AA · WCAG 2.1 | WCAG 1.4.10: страница должна работать при ширине 320 CSS px или масштабе 400 % без горизонтальной прокрутки (уровень AA). Исключения, проверка, исправление. | Ручная проверка |
| 1.4.11 | Контраст нетекстового контента Уровень AA · WCAG 2.1 | WCAG 1.4.11 требует контраст 3:1 для иконок, рамок полей формы, индикаторов фокуса и элементов графиков (уровень AA). Исключения, как проверить и как исправить. | Ручная проверка |
| 1.4.12 | Интервалы в тексте Уровень AA · WCAG 2.1 | WCAG 1.4.12: текст не должен ломаться при межстрочном интервале 1,5, отступе абзаца 2×, интервалах букв 0,12 и слов 0,16 (уровень AA). Проверка и исправление. | Частично автоматически |
| 1.4.13 | Контент при наведении или фокусе Уровень AA · WCAG 2.1 | WCAG 1.4.13: подсказки, мегаменю и окна при наведении или фокусе должно быть можно закрыть, навести на них указатель, и они не должны исчезать сами (AA). | Ручная проверка |
2. Управляемость
| № | Критерий успеха | Что проверить | Проверка |
|---|---|---|---|
| 2.1.1 | Клавиатура Уровень A · WCAG 2.0 | WCAG 2.1.1 требует, чтобы каждая функция страницы работала только с клавиатуры (уровень A). Что охватывает критерий, единственное исключение, как это проверить. | Частично автоматически |
| 2.1.2 | Отсутствие клавиатурной ловушки Уровень A · WCAG 2.0 | WCAG 2.1.2: если фокус клавиатуры попал в компонент, его должно быть можно вывести оттуда только с клавиатуры (уровень A). Типичные ловушки и их проверка. | Ручная проверка |
| 2.1.4 | Сочетания клавиш из одного символа Уровень A · WCAG 2.1 | WCAG 2.1.4: сочетания клавиш из одного символа должно быть можно отключить, переназначить или ограничить элементом в фокусе (уровень A). Примеры и проверка. | Ручная проверка |
| 2.2.1 | Регулируемое время Уровень A · WCAG 2.0 | WCAG 2.2.1 требует, чтобы ограничения времени можно было отключить, изменить или продлить: с предупреждением и 20 секундами (уровень A). Исключения и проверка. | Частично автоматически |
| 2.2.2 | Пауза, остановка, скрытие Уровень A · WCAG 2.0 | WCAG 2.2.2 требует способ приостановить, остановить или скрыть контент, который движется дольше пяти секунд или обновляется сам (уровень A). Карусели, проверка. | Частично автоматически |
| 2.3.1 | Три вспышки или ниже порога Уровень A · WCAG 2.0 | WCAG 2.3.1 запрещает контент, который вспыхивает больше трёх раз за любую секунду, если он не ниже порогов (уровень A). Что считается вспышкой и как проверить. | Ручная проверка |
| 2.4.1 | Пропуск блоков Уровень A · WCAG 2.0 | WCAG 2.4.1 требует способ пропустить блоки, которые повторяются на каждой странице, например меню (уровень A). Skip-ссылки, ориентиры, заголовки и проверка. | Частично автоматически |
| 2.4.2 | Заголовок страницы Уровень A · WCAG 2.0 | WCAG 2.4.2 требует, чтобы у каждой веб-страницы был заголовок, описывающий её тему или назначение (уровень A). Хорошие title для магазинов и SPA, проверка. | Частично автоматически |
| 2.4.3 | Порядок фокуса Уровень A · WCAG 2.0 | WCAG 2.4.3 требует, чтобы фокус клавиатуры перемещался в порядке, который сохраняет смысл и работоспособность (уровень A). Положительный tabindex и проверка. | Ручная проверка |
| 2.4.4 | Назначение ссылки (в контексте) Уровень A · WCAG 2.0 | WCAG 2.4.4 требует, чтобы назначение ссылки было понятно из её текста или контекста (уровень A). Почему «Подробнее» и ссылки-иконки без имени — ошибка. | Частично автоматически |
| 2.4.5 | Несколько способов Уровень AA · WCAG 2.0 | WCAG 2.4.5 требует более одного способа найти страницу, например меню и поиск или карту сайта (уровень AA). Исключение для оформления заказа, примеры, проверка. | Ручная проверка |
| 2.4.6 | Заголовки и подписи Уровень AA · WCAG 2.0 | WCAG 2.4.6 требует, чтобы заголовки и подписи описывали тему или назначение (уровень AA). Чего он не требует, порядок заголовков, подписи полей форм и проверка. | Ручная проверка |
| 2.4.7 | Видимый фокус Уровень AA · WCAG 2.0 | WCAG 2.4.7 требует, чтобы фокус клавиатуры всегда был виден (уровень AA). Почему outline: none всё ломает, чем он отличается от 2.4.13 и как проверить. | Ручная проверка |
| 2.5.1 | Жесты указателем Уровень A · WCAG 2.1 | WCAG 2.5.1 требует, чтобы щипок, свайп и другие многоточечные или траекторные жесты работали и одним касанием или кликом (уровень A). Примеры и проверка. | Ручная проверка |
| 2.5.2 | Отмена действия указателем Уровень A · WCAG 2.1 | WCAG 2.5.2 требует, чтобы действия указателем не срабатывали при нажатии и случайное касание можно было отменить (уровень A). Четыре варианта и как проверить. | Ручная проверка |
| 2.5.3 | Подпись в имени Уровень A · WCAG 2.1 | WCAG 2.5.3 требует, чтобы доступное имя элемента содержало текст видимой подписи (уровень A) и голосовое управление работало по видимому. Ошибки и решения. | Частично автоматически |
| 2.5.4 | Активация движением Уровень A · WCAG 2.1 | WCAG 2.5.4: функции, которые запускаются встряхиванием или наклоном устройства, должны работать и через элементы на экране, а реакцию можно отключить (A). | Ручная проверка |
3. Понятность
| № | Критерий успеха | Что проверить | Проверка |
|---|---|---|---|
| 3.1.1 | Язык страницы Уровень A · WCAG 2.0 | WCAG 3.1.1 требует, чтобы программы могли определить основной язык страницы, обычно через атрибут lang у html (уровень A). Что это значит и как проверить. | Частично автоматически |
| 3.1.2 | Язык частей текста Уровень AA · WCAG 2.0 | WCAG 3.1.2 требует отмечать фрагменты на другом языке атрибутом lang (уровень AA). Исключения для имён и терминов, типичные ошибки магазинов и решения. | Частично автоматически |
| 3.2.1 | При получении фокуса Уровень A · WCAG 2.0 | WCAG 3.2.1: перевод фокуса на элемент не должен менять контекст, например открывать окно или новую страницу (уровень A). Примеры из магазинов и проверка. | Ручная проверка |
| 3.2.2 | При вводе данных Уровень A · WCAG 2.0 | WCAG 3.2.2: изменение поля, флажка или списка не должно менять контекст без предупреждения заранее (уровень A). Ошибки магазинов, проверка и решения. | Ручная проверка |
| 3.2.3 | Единообразная навигация Уровень AA · WCAG 2.0 | WCAG 3.2.3 требует, чтобы повторяющаяся на страницах навигация сохраняла тот же относительный порядок (уровень AA). Что допустимо, ошибки и проверка. | Ручная проверка |
| 3.2.4 | Единообразная идентификация Уровень AA · WCAG 2.0 | WCAG 3.2.4 требует, чтобы компоненты с одинаковой функцией назывались на всём сайте одинаково (уровень AA). Что сюда входит, ошибки магазинов и как проверить. | Ручная проверка |
| 3.3.1 | Обнаружение ошибок Уровень A · WCAG 2.0 | WCAG 3.3.1 требует указывать и описывать текстом ошибки в формах, включая пустые обязательные поля (уровень A). Ошибки магазинов, проверка и исправление. | Ручная проверка |
| 3.3.2 | Подписи или инструкции Уровень A · WCAG 2.0 | WCAG 3.3.2 требует подписей или инструкций везде, где форма ждёт ввода, включая необязательные поля (уровень A). Плейсхолдеры, обязательные поля, проверка. | Частично автоматически |
| 3.3.3 | Подсказки по исправлению ошибок Уровень AA · WCAG 2.0 | WCAG 3.3.3: если ошибка в форме обнаружена и способ исправления известен, его нужно подсказать (уровень AA). Исключение для безопасности, примеры и проверка. | Ручная проверка |
| 3.3.4 | Предотвращение ошибок (юридические, финансовые данные) Уровень AA · WCAG 2.0 | WCAG 3.3.4: заказы, платежи и удаление данных можно отменить, проверить или подтвердить до завершения (уровень AA). Что это значит для оформления заказа. | Ручная проверка |
4. Надёжность
| № | Критерий успеха | Что проверить | Проверка |
|---|---|---|---|
| 4.1.2 | Имя, роль, значение Уровень A · WCAG 2.0 | WCAG 4.1.2: каждая кнопка, ссылка и поле формы передают вспомогательным технологиям имя, роль и состояние (уровень A). Ошибки ARIA в магазинах и исправления. | Частично автоматически |
| 4.1.3 | Сообщения о состоянии Уровень AA · WCAG 2.1 | WCAG 4.1.3: сообщения вроде «Добавлено в корзину» или «12 результатов» зачитываются скринридером без перевода фокуса (уровень AA). role=status и alert. | Ручная проверка |
Автоматическая проверка, не полный аудит. Не является юридической консультацией.
Скачайте чек-лист в PDF
Все критерии успеха уровней A и AA: что проверить, с квадратиком для отметки. Бесплатно, ссылка на почту.