Все статьи

Доступность сайта в 2026: зачем бизнесу accessibility и как помогает AI

Содержание
Коротко: доступность сайта (accessibility, a11y) - это когда сайтом реально может пользоваться человек с нарушением зрения, слуха, моторики или когнитивными особенностями, а не только "в теории проходит проверку". Стандарт - WCAG 2.2, в России ориентир - ГОСТ Р 52872-2019. Бизнесу это даёт расширение аудитории, SEO-бонусы через семантику и alt-тексты, снижение юридических и репутационных рисков. AI ускоряет черновую генерацию alt-текста и проверку контраста, но закрывает от силы треть критериев - ручной аудит с реальным экранным диктором он не заменяет.

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-тексты, клавиатурная навигация, семантика форм. Дадим список правок с приоритетами и оценим сроки.