Доступность - это когда сайтом могут пользоваться люди с разным зрением, моторикой, слухом, а не только «мы в офисе на больших мониторах». Законы и судебная практика подтягиваются: игнорировать базовые вещи - риск штрафов и публичных разборок, особенно если вы крупный сервис или господрядчик.
Параллельно нормальная доступность часто поднимает конверсию: контраст, понятные подписи, работа с клавиатуры - всем удобнее, не только «целевой аудитории по презентации».
Минимальный чеклист
Семантическая разметка заголовков, подписи к полям, не только цвет для ошибок, фокус у кнопок, контраст текста, масштаб без ломания вёрстки, видео с субтитрами, формы без ловушек во времени.
Штрафы и репутация
Точные суммы зависят от страны и отрасли, но тренд один: требования жёстче. Если вы в здравоохранении, финансах, госуслугах - порог ниже, документов больше.
Как не попасть под раздачу
Аудит по WCAG на разумном уровне, исправление критичных мест, регламент на новые страницы, чтобы не откатываться назад каждый квартал.
- Не прячьте важное в модалках без выхода.
- Не делайте капчу кошмаром - люди уходят раньше, чем докажут, что они люди.
Бизнес-выгода
Меньше ошибок в формах, меньше возвратов из-за «я не понял», лучше мобильный опыт. Это деньги, не только «этика».
Контент и медиа
Подписи к картинкам, расшифровки к подкастам и видео, структура заголовков без прыжков через уровень. Это влияет и на SEO, и на реальных людей.
Закупки и тендеры
В ряде контрактов доступность уже не «желательно», а пункт требований. Если вы подрядчик - заложите проверку. Если заказчик - не просите невозможного за копейки.
Пошаговый план
Аудит, список критичных нарушений, исправление, регрессия, обучение редакторов. Потом регулярный лёгкий чек раз в квартал, чтобы не откатиться.
Автотесты и ручной аудит
axe-core в CI не заменяет клавиатурный проход, но ловит грубое. Сочетайте автоматику и сессию с реальным скринридером раз в релиз.
Документируйте исключения: почему здесь осознанно отступили и когда пересмотрите.
Договоры с подрядчиками
Требования по доступности в ТЗ и акте приёмки. Иначе подрядчик сдаст «как принято», а штраф достанется вам.
Юридические требования и UX: общий язык
Составьте таблицу «требование → элемент интерфейса → тест». Юрист видит закон, дизайнер — макет, QA — сценарий. Без таблицы все говорят о разном.
Фокус, клавиатура, контраст
Не только для слабовидящих: удобно операторам в темноте дата-центра и всем на солнце. Проверяйте реальные устройства, а не только Lighthouse в идеальных условиях.
Формы и ошибки
Текст ошибки должен быть рядом с полем, доступен скринридеру, не исчезать за 2 секунды. «Красная рамка» без текста — мимо WCAG и здравого смысла.
Доказательная база для аудита
Храните чек-листы, скриншоты, видео прохождения. При претензии это сильнее слов «мы старались».
Обучение контент-редакторов
Альтернативный текст, заголовки, структура заголовков — правила в CMS, а не «помним устно». Иначе доступность деградирует после первой кампании.
Планы на изменения закона
Заложите ревизию раз в квартал: что поменялось в требованиях, что в продукте. Закон движется быстрее, чем кажется из новостной ленты.
Помочь с аудитом и планом работ - GERS.