Короткий ответ
Идите по WCAG 2.2 уровня AA в таком порядке: картинки и заголовки, контраст, клавиатура и фокус, формы, субтитры к видео, затем проверка вручную и со скринридером. Исправляйте общие шаблоны, а не страницы по одной, и повторяйте проверки при каждом изменении сайта. Автоматические сервисы находят лишь часть проблем.
Откуда берётся чек-лист доступности сайта
Чек-лист доступности сайта хорош настолько, насколько хорош стандарт под ним, а для веба это WCAG — Web Content Accessibility Guidelines консорциума W3C. Версия 2.2 стала рекомендацией W3C 5 октября 2023 года. В ней появилось девять новых критериев успеха, а критерий 4.1.1 Parsing убрали как устаревший. Британский портал GOV.UK, например, проверяет государственные сервисы по уровню AA; этот же уровень взят за основу здесь.
Чек-лист ищет проблемы, но справкой о соответствии не является. На странице Easy Checks сам W3C предупреждает, что эти быстрые проверки охватывают лишь часть вопросов и что их прохождение не означает, что страница доступна. Это не юридическая консультация: применяется ли к вашему бизнесу какой-либо закон, подскажет юрист, который знает вашу страну.
Шесть ошибок, которые встречаются почти на каждой главной странице
WebAIM Million — ежегодная автоматическая проверка миллиона главных страниц. По данным за 2026 год ошибки WCAG нашли у 95,9% страниц, в среднем по 56,1 ошибки на страницу. Лидируют шесть проблем: слабый контраст текста на 83,9% страниц, нет альтернативного текста у картинок на 53,1%, нет подписей у полей формы на 51%, пустые ссылки на 46,3%, пустые кнопки на 30,6% и не указан язык документа на 13,5%.
Ни одна из них не требует редизайна. Это привычки, с которыми делают шаблоны и контент: кнопка с одной иконкой, ссылка из одной картинки, серый текст на светло-сером фоне. Они повторяются на страницах, потому что повторяются шаблоны, и по той же причине их можно исправить разом.
Картинки, заголовки, названия страниц и язык: проверки контента
Начните с картинок. Easy Checks от W3C предлагают проверить, есть ли у каждой картинки короткое текстовое описание, передающее её назначение, ведь человек со скринридером картинку не видит. WebAIM добавляет: у декоративной картинки атрибут alt оставляют пустым, чтобы её пропускали, а у картинки-ссылки в описании указывают, куда она ведёт.
Дальше идут название страницы и заголовки. Название видно на вкладке браузера, и скринридер зачитывает его одним из первых, поэтому у каждой страницы оно должно быть своё. Заголовки работают как оглавление: пользователи скринридеров часто перемещаются по странице именно по ним. WebAIM просит настоящие элементы заголовков, а не жирный крупный шрифт, и информативные формулировки: три раздела с названием «Подробности» никуда не ведут.
Затем язык страницы. Атрибут lang у элемента html помогает программам для чтения верно произносить слова. В обзоре выше его не нашли на 13,5% главных страниц, так что это одна из самых дешёвых правок в списке. Правится она в одном месте, в базовом шаблоне.
Контраст, ссылки и масштаб: проверки, которые можно измерить
Контраст — то место, где в списке есть цифры. По сводке WebAIM для уровня AA нужно 4,5:1 для обычного текста и 3:1 для крупного, а также 3:1 для значков, элементов форм и индикаторов фокуса. Ссылка, которая отличается от окружающего текста только цветом, должна давать 3:1 относительно него и ещё один признак, например подчёркивание при наведении и фокусе.
Масштаб — вторая измеримая проверка. Easy Checks требуют, чтобы при увеличении текст и картинки росли и оставались читаемыми и пригодными к использованию. Откройте страницу при сильном увеличении и на телефоне и посмотрите, не обрезается ли текст, не налезают ли кнопки друг на друга, открывается ли меню.
Клавиатура, фокус и размер областей нажатия: сайт без мыши
Отложите мышь и нажмите Tab. WCAG требует, чтобы вся функциональность работала с клавиатуры и чтобы фокус никогда не застревал на одном элементе, а Easy Checks добавляют видимый индикатор, который перемещается при каждом нажатии.
WCAG 2.2 усилил этот раздел. Критерий 2.4.11 требует, чтобы элемент в фокусе не был полностью закрыт другим содержимым, а именно это делают закреплённая шапка или чат-виджет с полем, в которое вы печатаете. Критерий 2.5.8 просит области нажатия не меньше 24 на 24 CSS-пикселя, если только между ними нет достаточного расстояния. Критерий 2.5.7 требует альтернативу перетаскиванию, доступную одним указателем, например ползунок, который можно задать и кнопками.
Порядок фокуса важен не меньше его видимости. WebAIM приводит критерии 2.4.3, логичный и понятный порядок, и 3.2.1: получение фокуса не должно вызывать существенных изменений на странице. Пройдите каждый шаблон клавишей Tab вперёд, затем назад с Shift и Tab и отметьте места, где потеряли понимание, где находитесь.
Формы и видео: подписи, ошибки, субтитры и расшифровки
Форма — место, где посетитель становится клиентом. У каждого поля должен быть видимый текст о том, что вводить, и он должен быть связан с полем в коде; WebAIM относит это к критериям 1.3.1 и 3.3.2. Обязательные поля нужно отмечать, а ошибки — указывать понятно и с подсказкой, как их исправить. Поля с типовыми личными данными получают подходящий атрибут autocomplete по критерию 1.3.5.
WCAG 2.2 добавил два правила, которые касаются форм. Критерий 3.3.7 говорит, что не нужно заставлять человека вводить заново сведения, которые он уже дал в том же процессе. Критерий 3.3.8 говорит, что шаг входа не должен зависеть от когнитивного теста, если нет альтернативы или поддержки. Оформление заказа, где адрес доставки спрашивают дважды, этот список не проходит.
У видео и аудио свои проверки. Записанному видео нужны синхронные субтитры по критерию 1.2.2, аудиозаписи — текстовая расшифровка, а если важная визуальная информация не звучит в дорожке, нужно ещё и аудиоописание. Easy Checks определяют субтитры как синхронный текст речи и важных неречевых звуков.
Проверка инструментами, клавиатурой и скринридером, затем при каждом релизе
Автоматические сервисы быстро охватывают много страниц, но их мало. В сервисном руководстве GOV.UK сказано, что при одном лишь автоматическом тестировании вы пропустите часть проблем, а W3C пишет, что инструменты умеют не всё и иногда дают неверный результат. Отдайте им повторяющиеся механические ошибки. Остальное проверьте вручную: осмысленно ли описание картинки и помогает ли сообщение об ошибке.
Затем пользуйтесь сайтом так, как это делает человек со вспомогательными технологиями. GOV.UK ожидает проверки со скринридерами и программами распознавания речи и советует по возможности делать её самим. Все страницы проверять не нужно: руководство GOV.UK советует взять выборку, отражающую разнообразие содержимого и функций.
Исправленный сайт сам исправленным не остаётся. Сервисное руководство GOV.UK советует запускать проверки при каждом добавлении новой функции, и то же верно для баннера, новой формы или плагина. Руководство GOV.UK для государственных сайтов требует ещё заявление о доступности простым языком с пересмотром не реже раза в год; применимо ли такое правило к вам, спросите специалиста.
Заказ исправлений доступности: что подготовить и что вы получите
На небольшом сайте этот список можно пройти самостоятельно за несколько дней. Подготовьте адрес сайта, перечень ключевых шаблонов — главная, страница с контентом, форма, оформление заказа — и результаты своих проверок или готового аудита.
VITON13 Studio предлагает эту работу в двух пакетах. «Исправления доступности» означают, что проблемы из аудита устраняются в вашем коде и контенте: правки шаблонов и кода, исправление описаний картинок, заголовков и названий ссылок, повторная проверка. До оплаты вы получаете бесплатный черновик: один исправленный шаблон на тестовой копии вашего сайта. Цена фиксированная, от $213, срок — 7–15 рабочих дней.
«Мониторинг доступности» закрывает то, чего не даёт разовый список: новые страницы остаются доступными, пока сайт меняется. Пакет включает ежемесячную повторную проверку новых и изменённых страниц и краткий отчёт о том, что исправить; исправления при новых проблемах оцениваются отдельно. Стоит он $13/мес, отказаться можно, предупредив за 30 дней, а бесплатный черновик — образец отчёта по одной странице вашего сайта. Достаточно ли результата для какого-либо требования закона, решает юрист.
Практический чеклист
- Дайте каждой картинке осмысленное описание, а чисто декоративной — пустое.
- Измерьте контраст: 4,5:1 для обычного текста, 3:1 для крупного и элементов интерфейса.
- Пройдите каждый ключевой шаблон клавишей Tab и убедитесь, что фокус виден.
- Свяжите с каждым полем формы видимую подпись и отметьте обязательные поля.
- Повторяйте список перед каждым релизом и храните результат письменно.
Вопросы и ответы
Сколько времени занимает чек-лист доступности сайта?
Время зависит скорее от числа шаблонов, чем от числа страниц. GOV.UK советует проверять выборку, показывающую разнообразие содержимого и функций: главную, страницу с контентом, форму и оформление заказа. Страницы одного шаблона делят ошибки между собой.
Нужен ли малому бизнесу именно уровень AA в WCAG 2.2?
Этот уровень GOV.UK использует для государственных сервисов, и на него обычно ориентируются чек-листы. Какой уровень требует закон от вашего бизнеса, зависит от страны, и ответить на это должен юрист, а не чек-лист.
Может ли автоматический сканер заменить ручную проверку?
Нет. В руководстве GOV.UK сказано, что одним автоматическим тестированием вы часть проблем пропустите, а W3C пишет, что инструменты умеют не всё. Сканер не оценит, осмысленно ли описание картинки и логичен ли порядок переходов.
Что изменилось в WCAG 2.2 по сравнению с прежней версией?
W3C перечисляет девять новых критериев, среди них невидимый из-за других элементов фокус, перетаскивание, размер областей нажатия, единая справка, повторный ввод и доступная аутентификация. Критерий 4.1.1 Parsing убрали как устаревший.
Нужны ли субтитры ко всем видео на сайте?
В сводке WebAIM субтитры для записанного видео отнесены к уровню A, а для прямых трансляций со звуком — к уровню AA. Аудиозаписям нужна текстовая расшифровка. Распространяется ли на ваши видео конкретный закон, спросите специалиста.