Доступность сайта в 2026: зачем бизнесу accessibility и как помогает AI
Содержание
11,1 миллиона человек в России живут с инвалидностью - это 7,6% населения страны по данным Росстата на начало 2025 года. В мире цифра куда внушительнее: 1,3 миллиарда человек, 16% населения планеты, по оценке ВОЗ. Если сайтом нельзя пользоваться со скринридером, текст слишком мелкий для слабовидящего, а форму заказа не заполнить без мыши - часть этой аудитории просто уходит к конкуренту, который сделал то же самое, но нормально.
А сколько посетителей ваш сайт теряет из-за того, что кнопка "Оформить заказ" не фокусируется клавишей Tab? Вопрос не риторический. Для части пользователей это не неудобство, а стена, через которую физически не перелезть.
Что такое доступность сайта и при чём тут WCAG
Accessibility, в текстах часто сокращают до a11y (между "a" и "y" в исходном слове ровно 11 букв) - это свойство сайта работать одинаково хорошо независимо от способа взаимодействия с экраном. Причём касается это не только людей с инвалидностью. То же самое ценит человек со сломанной рукой, родитель, который листает каталог одной рукой, второй держа ребёнка, или просто человек на солнце с бликующим экраном телефона.
WCAG (Web Content Accessibility Guidelines) - руководство, которое разрабатывает и поддерживает консорциум W3C. Действующая версия - WCAG 2.2, вышла в октябре 2023 года и добавила девять новых критериев к версии 2.1, в основном про видимость фокуса при наведении и упрощённую аутентификацию без обязательной когнитивной нагрузки вроде запоминания капчи. Внутри три уровня соответствия. Уровень A - минимум, без которого сайтом реально нельзя пользоваться. Уровень AA - тот самый стандарт, который требуют почти все законы и стандарты в мире, включая российский ГОСТ; именно на него стоит ориентироваться, если задача - закрыть тему один раз и по-взрослому. Уровень AAA - максимум для отдельных элементов, а не для всего сайта целиком; тянуть туда каждую страницу - избыточно и почти никогда не оправдано бизнес-задачей. Всего в WCAG 2.2 57 критериев уровня A и AA плюс ещё 30 для AAA.
ARIA (Accessible Rich Internet Applications) - набор HTML-атрибутов, которые досказывают экранному диктору то, что зрячий пользователь понимает по картинке: что кнопка нажата, что блок - это модальное окно, что список можно раскрыть. Правило, которое я всегда напоминаю разработчикам на входе в проект: если задачу решает нативный тег - button, nav, dialog - используйте его, а не div с ролью через ARIA. Нативная семантика браузера надёжнее самодельной разметки поверх голого div.
Зачем бизнесу вообще этим заниматься
Первая и самая очевидная причина - размер аудитории. 11,1 миллиона человек с инвалидностью в России - это не абстракция, а реальные покупатели, клиенты, читатели. Добавьте сюда пожилых пользователей с естественным снижением зрения и слуха, и цифра вырастет ещё сильнее.
Вторая причина обычно недооценена - SEO. Alt-тексты, которые нужны скринридеру для описания картинки, - это ровно то же самое, что нужно поисковому роботу для понимания содержимого изображения. Семантическая разметка заголовков, которая помогает диктору объявить структуру страницы, помогает и краулеру построить карту контента. По исследованию SearchAtlas, органический трафик в среднем рос на 23% при повышении показателя доступности сайта - корреляция, а не строгая причинность, но направление понятное. Google прямо не использует соответствие WCAG как фактор ранжирования, но признаки хорошей доступности - чистая семантика, продуманная структура, быстрая и предсказуемая навигация - пересекаются с тем, что поисковик и так ценит в качественном сайте. Кстати, часть этих же метрик - скорость отклика интерфейса, стабильность вёрстки - завязана на Core Web Vitals; доступность и производительность часто чинятся одними и теми же руками.
Третья причина - право и репутация, и тут стоит разделить два разных контура. Для официальных сайтов государственных органов и подведомственных организаций цифровая доступность обязательна с 1 марта 2026 года по Постановлению Правительства N 102, а базовым стандартом рекомендован ГОСТ Р 52872-2019, построенный на WCAG 2.1: контраст текста не ниже 4.5:1 (для крупного шрифта - 3:1), полная работа с клавиатуры без мыши, корректная структура для программ экранного чтения. Для частного бизнеса прямой законодательной обязанности в России пока нет. Но это не значит, что рисков нет вовсе - остаются жалобы по закону о защите прав потребителей, судебные истории по дискриминации и банальная потеря заказа, если посетитель физически не смог оформить оплату. Подробный разбор общих юридических требований к сайту - в отдельной статье про 152-ФЗ, оферту и cookie.
Мировой контекст здесь важен, если бизнес продаёт за рубеж или работает с зарубежными партнёрами. С 28 июня 2025 года в Евросоюзе действует European Accessibility Act - все новые цифровые продукты и услуги, которые продаются в ЕС, обязаны соответствовать требованиям доступности, а к 28 июня 2030 года это должно выполняться и для уже существующих сайтов. Штрафы разнятся по странам - от 60 000 евро в Ирландии до примерно 900 000 евро в Швеции, и первые иски по этому закону уже подавали во Франции в ноябре 2025 года. Даже если бизнес работает только в России, полезно понимать: доступность перестала быть нишевой темой для энтузиастов - это регуляторный тренд с реальными деньгами на кону.
Базовый чек-лист: с чего складывается доступность
| Требование | Что это значит на практике |
|---|---|
| Контраст текста | Минимум 4.5:1 для обычного текста, 3:1 для крупного и элементов интерфейса (WCAG 1.4.3) |
| Alt-тексты | У каждого информационного изображения - описательный alt; у декоративных - пустой alt="" |
| Клавиатура | Вся функциональность доступна без мыши, видимая рамка фокуса на каждом интерактивном элементе |
| Семантика | Заголовки по иерархии H1-H3, списки - как list, кнопки - как button, а не div с onclick |
| Формы | Каждое поле связано с label, ошибки описаны текстом, а не только красной рамкой |
| Цвет | Смысл не передаётся только цветом - обязательна ещё иконка, текст или паттерн |
| Видео и аудио | Субтитры для видео, текстовая расшифровка для подкастов и аудиозаписей |
Семь пунктов закрывают львиную долю реальных барьеров. Не все сразу - начните с контраста и alt-текстов, это самое дешёвое и самое частое нарушение.
Как AI ускоряет работу над доступностью и где у него потолок
AI реально снял часть рутины. Модели компьютерного зрения теперь генерируют черновой alt-текст по фотографии за секунды, а не полчаса ручного описания на сотню карточек товара. Плагины вроде Stark встроены прямо в Figma и Sketch, подсвечивают недостаточный контраст ещё на этапе макета и предлагают исправление палитры. Автоматические сканеры - axe, Lighthouse, WAVE - гоняют сайт по десяткам критериев WCAG за один прогон и находят пропущенные alt-тексты, пустые ссылки, незалейбленные поля форм.
Вот только у автоматики есть жёсткий потолок. По разным оценкам индустрии, автоматические инструменты, включая AI, надёжно закрывают порядка 30-40% критериев уровня AA; остальные 60-70% требуют человеческого суждения. Логический порядок чтения страницы для скринридера, реальная осмысленность alt-текста (не "изображение", а понятное описание того, что важно для контекста), клавиатурные ловушки в сложных виджетах, субтитры без искажения смысла - это всё не проверяется по формальному правилу, это оценивает живой тестировщик с реальным JAWS или NVDA.
Отдельно стоит сказать о так называемых оверлей-виджетах доступности - скриптах, которые подключаются одной строчкой и обещают мгновенное соответствие ADA или WCAG без единой правки в коде. Часть таких продуктов маркетируется как "AI-доступность", и это ровно тот случай, где AI не помогает, а маскирует проблему. По опросу WebAIM, лишь 2,4% пользователей с инвалидностью считают такие виджеты эффективными, а 67% специалистов по доступности оценивают их как неэффективные или почти неэффективные. В 2025 году Федеральная торговая комиссия США оштрафовала accessiBe на миллион долларов именно за вводящую в заблуждение рекламу гарантированного соответствия. Хуже того - в 22,64% исков по цифровой доступности в первой половине 2025 года ответчиком был сайт, на котором уже стоял такой виджет. Оверлей не чинит разметку под капотом; он рисует поверх неё косметику.
Разница простая. AI-инструмент, встроенный в разработку - помощник дизайнера и разработчика, который ускоряет черновик и подсвечивает проблему до того, как код уйдёт в прод. Оверлей-виджет - попытка купить соответствие постфактум, не трогая исходный код. Работает первое, не работает второе.
С чего начать
Не пытайтесь закрыть все 57 критериев уровня AA за один спринт - это гарантированный способ забросить задачу на середине. Начните с трёх вещей: прогоните сайт через автоматический сканер вроде axe или Lighthouse, чтобы найти низко висящие фрукты - недостающие alt-тексты и провальный контраст; пройдите ключевой сценарий (оформление заказа, отправка заявки) только с клавиатуры, без мыши; включите VoiceOver или NVDA и попробуйте прочитать главную страницу вслепую. Уже эти три шага покажут 70-80% реальных проблем без бюджета на полноценный аудит.
Дальше зависит от масштаба. Для сайта-визитки хватит одного дня работы разработчика по чек-листу выше. Для интернет-магазина с сотнями карточек товаров разумно совместить это с полноценным аудитом сайта, где доступность идёт отдельной строкой рядом с технической частью и контентом. Мы в Devorra закладываем базовый уровень AA сразу в вёрстку новых проектов - дешевле сделать правильно на старте, чем переделывать разметку постфактум на живом сайте с трафиком.
Источники: W3C WCAG 2.2, Постановление Правительства РФ N 102, WebAIM Overlay Survey, European Commission - EAA.
Читайте также
Проверим доступность вашего сайта
Проведём аудит по WCAG 2.2: контраст, alt-тексты, клавиатурная навигация, семантика форм. Дадим список правок с приоритетами и оценим сроки.
