Доступность сайта
по WCAG

Доступность сайта по WCAG: что это и кому нужно

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

WCAG (Web Content Accessibility Guidelines) это международные рекомендации по доступности. Версия 2.1 уровня AA считается практическим ориентиром для коммерческих сайтов и лежит в основе европейских стандартов доступности.

Европейский акт о доступности: что изменилось

С 28 июня 2025 года в странах ЕС применяется Европейский акт о доступности (European Accessibility Act, EAA). В Польше он внедрён национальным законом. В общих чертах акт касается интернет-магазинов и ряда онлайн-услуг для потребителей: например, некоторых банковских, транспортных и коммуникационных услуг, электронных книг. Микропредприятия, которые оказывают услуги, освобождены от требований.

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

Из чего складывается доступность

Доступность это не одна галочка, а много мелких решений в дизайне и коде:

• контраст: текст достаточно тёмный на светлом фоне, кнопки заметны;
• размер: текст можно увеличить без поломки вёрстки, кнопки достаточно большие для пальца;
• клавиатура: по всем ссылкам, меню и формам можно пройти без мыши, и видно, где фокус;
• структура: заголовки идут по порядку, а программа чтения с экрана понимает, где меню, где основной текст;
• подписи: у каждого поля формы есть подпись, у каждой кнопки понятное название, у фото описание;
• ошибки: если поле заполнено неправильно, сайт говорит словами, что не так, а не только подсвечивает красным;
• движение: ничего не мигает быстро, анимацию можно отключить, видео не запускается со звуком само.

Почему виджет не поможет

В интернете продаётся много виджетов доступности: кнопка в углу, которая увеличивает шрифт или меняет контраст. Звучит как простое решение, но так не работает. Если сайт свёрстан без правильных заголовков, подписей и порядка фокуса, виджет этого не исправит. Программа чтения с экрана всё равно не поймёт, где кнопка оплаты. Доступность закладывается в дизайн и код, а не прикручивается сверху.

Как я делаю доступные сайты

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

Отдельно готовлю заявление о доступности: страницу, где описано, насколько сайт соответствует требованиям, что пока не доработано и как сообщить о проблеме. Пример такого заявления есть и на этом сайте: заявление о доступности.

Доступность и интернет-магазины

Для интернет-магазинов тема особенно важна. Каждый шаг покупки должен быть доступен: поиск, фильтры, карточка товара, корзина, ввод адреса, выбор доставки, оплата через BLIK, Przelewy24 или карту. Если хоть один шаг нельзя пройти с клавиатуры или программой чтения с экрана, покупка срывается. Подробнее о моих магазинах на странице создания интернет-магазина.

Польза для бизнеса

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

Цена

Доступность входит в мои новые сайты без отдельной доплаты: сайт компании от 700 €, интернет-магазин от 1200 €, редизайн старого сайта от 400 €. Цены в евро, окончательные после созвона. Полное соответствие закону без юридической проверки я не гарантирую, но делаю сайт с ориентиром на WCAG 2.1 AA и проверяю его.