Что такое доступный сайт
Доступный сайт можно использовать людям с нарушениями зрения, слуха, моторики и когнитивными особенностями: читать с экранным диктором, увеличивать без потери содержимого, проходить с клавиатуры без мыши, понимать без цветового различения. Требования описаны в международном стандарте WCAG и российском ГОСТ Р 52872-2019, который на него опирается.
Важно: «версия для слабовидящих» с крупным шрифтом — это не доступность. Нужен корректный код основного сайта.
Кому это обязательно
- Государственным органам и учреждениям, школам, вузам, медицинским организациям — для них требования установлены нормативными актами.
- Компаниям, работающим с госзаказчиками, где доступность бывает в требованиях к сайту.
Для коммерческих сайтов доступность — это не только аудитория людей с инвалидностью, но и пожилые пользователи, люди со сломанной рукой или ярким солнцем на экране. Хорошая доступность обычно улучшает и SEO: правильные заголовки, подписи изображений, понятная структура.
Что проверяется
- Структура: заголовки по порядку, ориентиры (шапка, навигация, основное содержимое), язык страницы.
- Клавиатура: все элементы доступны по Tab, видимый фокус, нет «ловушек» в модальных окнах.
- Экранные дикторы: подписи изображений, кнопок-иконок и полей форм, сообщения об ошибках.
- Контраст и масштаб: контраст текста, увеличение до 200% без горизонтальной прокрутки.
- Медиа: субтитры к видео, отсутствие автоматического звука.
- Формы: подписи полей, понятные ошибки, отсутствие ограничений по времени.
- Слайдеры и меню: управление и паузы.
Как проходит работа
- Автоматическая проверка ключевых шаблонов страниц.
- Ручная проверка с клавиатуры и экранными дикторами (NVDA, VoiceOver, TalkBack).
- Отчёт с нарушениями по критериям ГОСТ и приоритетами.
- Исправления в шаблонах и компонентах 1С-Битрикс.
- Повторная проверка.
От чего зависит стоимость
- Количество шаблонов страниц: главная, каталог, карточка, формы, личный кабинет.
- Сложность интерфейса: фильтры, слайдеры, карты, калькуляторы.
- Сторонние виджеты, которые нельзя исправить и придётся заменить.
- Уровень требований: базовый (A) или расширенный (AA).
Типичные ошибки
- Ставить «оверлей» — виджет, обещающий доступность одной строкой кода. Он не исправляет разметку и иногда мешает экранным дикторам.
- Кнопки из иконок без текстовой подписи.
- Серый текст на сером фоне.
- Капча, которую невозможно пройти без зрения.
- Ошибка в форме показывается только красным цветом.
Как сохранить доступность
Доступность легко потерять при следующей доработке: новый баннер, виджет или форма могут вернуть ошибки. Поэтому полезно добавить проверку в регламент контента и разработки. Регулярные проверки можно включить в техническую поддержку, а общий технический аудит сайта покажет остальные проблемы.