Веб-доступность сайта (WCAG 2.2): зачем она нужна и когда это требование закона

Путаница, из которой вырастают проблемы

«Доступность сайта» в разговорах обычно означает три разные вещи. Их важно разделить, потому что требования у них разные, а цена ошибки — тоже.

• Удобство на мобильном. Когда сайт удобно тыкать пальцем. Это не про инвалидов, это про 70% трафика.
• Доступность для людей с ограниченными возможностями. Слепые на свайпдеве, глухие на с субтитрами, люди с дислексией — им нужен другой интерфейс.
• «Доступность информации» как требование закона. Федеральный закон № 8-ФЗ «О обеспечении доступа к информации о деятельности государственных органов и органов местного самоуправления» и законодательство о государственных закупках требуют, чтобы сайты госорганов и организаций, работающих с госзакупками, были доступны.

Когда в ТЗ на закупку или в требованиях заказчика встречается слово «доступность», имеют в виду третий пункт — WCAG.

Что такое WCAG

Web Content Accessibility Guidelines — набор рекомендаций, которые разрабатывает W3C. Актуальная на 2026 год версия — WCAG 2.2. Документ делится на три уровня соответствия:

• Level A — минимальный, безбарьерный уровень: без него сайт недоступен для части пользователей.
• Level AA — рекомендуемый уровень, его обычно и требуют.
• Level AA или AAA — высокий уровень.

Государственные организации в России в своих внутренних документах и при закупках чаще всего ориентируются на WCAG 2.1 уровня AA — это, как правило, прямо написано в требованиях к сайту.

Механика простая: есть конкретные критерии, которые проверяются. Например — контраст текста не ниже 4.5:1 для обычного текста, наличие alt-у描述 у изображений, возможность пройти форму с клавиатуры и полностью, видимый фокус, альтернативный текст у картинок, поддержка масштаба до 200% без горизонтальной прокрутки.

Что реально нужно сделать на сайте

1. Семантика вместо div-ов

Заголовки должны быть заголовками (h1, h2, h3), кнопки — кнопками, списки — списками. Скринридер читает структуру, а не «div, div, div». Это самая недооценённая часть: переверстать страницу на семантических тегах — полдня работы.

2. Контраст и размер текста

Серый текст на белом, который «вроде видно» — не проходит проверку. Проверяется автоматически, занимает минуту, правится за час. Плюс: контраст выше — читают все, включая вас на улице в солнечный день.

3. Формы

• у каждого поля есть связанная подпись (<label for=...>), а не только placeholder;
• ошибки показываются текстом, а не только красной рамкой: «красная рамка» для незрячего пользователя не существует;
• обязательные поля помечены не только звёздочкой, но и в тексте ошибки;
• форма полностью проходится с клавиатуры, без мыши, и фокус видно всегда.

4. Изображения и медиа

У изображений — alt. У видео — субтитры. У иконок-кнопок — текстовая подпись или aria-label. Иконка без подписи для скринридера не существует.

5. Навигация

Ссылки называются словами, а не «нажмите сюда» или «подробнее». У сайта есть главная страница, у сайта есть карта сайта, у карточки товара есть хлебные крошки. Если на сайте можно запутаться — это уже про удобство, а не только про доступность.

Когда это обязательно по закону

Государственные органы и местные власти

Для сайтов органов власти и подведомственных учреждений требования по доступности закреплены законодательством о доступе к информации. На практике это означает, что при проверке или при подготовке к конкурсу на создание сайта к заказчику предъявляется требование соответствия WCAG AA.

Госзакупки (44-ФЗ и 223-ФЗ)

Если вы участвуете в закупках на создание сайтов для государственных и бюджетных учреждений, требования доступности часто прямо прописаны в техническом задании. Это не отдельный «тройной» пункт, а часть требований к качеству. И это же — причина, по которой аудит доступности стоит закладывать в смету заранее: сдавать сайт с дефектами доступности на приёмке дешевле не получится.

Крупные компании и госрегуляторы

Для организаций, работающих с населением и с государственными средствами, доступность сайта — вопрос репутационный и репутационно-рисковый. Отсутствие субтитров на рекламном ролике или недоступная форма заявки — это уже претензия, а не абстрактная «недоступность».

Как проходит аудит доступности

Аудит состоит из двух частей, и это важно понимать заранее.

• Автоматическая проверка. Инструменты находят грубые нарушения: отсутствие alt, низкий контраст, неправильные заголовки, поля формы без подписей. Это быстро и дёшево — но находит процентов 30 проблем.
• Ручная проверка с клавиатуры и со скринридером. Человек проходит сайт без мыши, слушает, как его читает озвучка, проверяет порядок фокуса, контраст в тёмной теме, поведение при увеличении. Именно здесь находится основная часть проблем — и именно здесь автоматика бессильна.

Отчёт обычно состоит из списка нарушений с приоритетом (критично / серьёзно / умеренно / мелочь) и рекомендаций по исправлению. Критичные — это то, что блокирует пользователя полностью: нельзя отправить форму, нельзя прочитать текст, нельзя понять, куда нажать.

Сколько это стоит

Здесь важно разделить две разные работы.

• Привести существующий сайт в порядок. Обычно это работа на несколько дней: семантическая разметка, контраст, подписи, фокус, субтитры. Точный объём зависит от того, насколько сайт был собран «на div-ах».
• Сделать доступным с нуля. Входит в разработку и стоит почти ноль дополнительно, если закладывается с самого начала: те же семантические теги, те же подписи полей, тот же фокус. Отдельной строкой в смете появляются только субтитры для видео и ручная проверка скринридером.

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

Минимальный чек-лист перед сдачей

• провести сайт с клавиатуры — ни одно действие не требует мыши;
• проверить контраст автоматическим инструментом;
• у всех картинок есть alt, у всех иконок — подпись;
• у всех полей формы есть подпись, ошибки объяснены текстом;
• заголовки идут по порядку, страница начинается с одного h1;
• у видео субтитры;
• страница работает при увеличении до 200% без горизонтальной прокрутки;
• проверить в тёмной теме, если она есть.

Итог

Доступность — это не «для инвалидов». Это требование закона в госзакупках, вопрос репутации для крупных компаний и одновременно — самый честный тест удобства сайта: если по нему может пройти человек с клавиатуры и без мыши, значит, им сможет пользоваться и обычный клиент в неудобной обстановке.