Какие требования предъявляются к безбарьерным сайтам по WCAG и законам

Semy WEB GbR | Jun 21 2025 - 1:09 pm CEST

Какие требования предъявляются к безбарьерным сайтам по WCAG и законам

В прошлой статье мы разобрались с определением, что же такое безбарьерные сайты, и пришло время понять, по каким критериям определяется безбарьерность сайта и как понять, насколько она соблюдена.

Безбарьерность сайта состоит из двух частей: видимой (визуальной) и невидимой.

К видимой части относятся все настройки, с помощью которых меняется визуальная часть сайта. К невидимой части относятся те настройки сайта, работа над которыми не приведёт к видимым изменениям.

Чек-лист безбарьерности

Основные требования к безбарьерным веб-сайтам (по WCAG)

🔴 Контрастность: все тексты должны быть хорошо видны и иметь достаточный цветовой контраст между текстом на переднем плане и цветом фона за ним — минимум в соотношении 4,5:1 (для крупного шрифта не менее 3:1).
🔠 Размер шрифта: стандартный текст должен быть не менее 16 пикселей и легко масштабироваться для пользователей с нарушениями зрения.
✏️ Альтернативные тексты: каждое изображение, используемое на сайте, должно содержать альтернативный текст, который впоследствии смогут прочитать программы чтения с экрана.
📱 Адаптивность: веб-сайт должен оптимально отображаться на всех устройствах.
↕️ Навигация с помощью клавиатуры: все функции должны быть доступны без мыши, только с помощью клавиатуры.
📶 Соблюдение правильной структуры построения сайта (HTML-разметка): важно для того, чтобы пользователи могли в правильном порядке переключаться между разделами страницы.

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

Уровни соответствия стандарту WCAG

Уровень A: базовый — например, альтернативные тексты и правильная структура HTML.

Уровень AA: необходимый — например, цветовые контрасты, адаптивный дизайн, маркированные формы.

Уровень AAA: необязательный, полезен для специального контента.

Важно:

Сайт должен соответствовать стандарту WCAG уровня AA, чтобы подходить под требования безбарьерности согласно Закону об улучшении доступности (BFSG).

Как сделать сайт безбарьерным, читайте в нашей следующей статье:

Как сделать веб сайт безбарьерным