Что такое доступность (a11y)?
Доступность (Accessibility, a11y) — это свойство сайта или интерфейса, при котором им могут полноценно пользоваться все люди, включая тех, у кого есть нарушения зрения, слуха, моторики, речи или когнитивные особенности.
a11y — сокращение от accessibility: между первой «a» и последней «y» ровно 11 букв. Это не про то, что «сайт доступен» в смысле «открывается без ошибок», а про то, что незрячий, слабовидящий или глухой человек может пройти весь сценарий целиком: найти товар, оформить заказ, дочитать статью. Бизнесу это даёт более широкую аудиторию, меньше юридических рисков и, как побочный эффект, более чистый код, который лучше понимают поисковые системы.
Как работает доступность
Основу задаёт международный стандарт WCAG (Web Content Accessibility Guidelines) — свод требований, построенный на четырёх принципах, известных как POUR:
- Perceivable — воспринимаемость. У картинок есть текстовое описание, у видео — субтитры, у интерфейса — достаточный контраст.
- Operable — управляемость. Всё, что делается мышью, делается и клавиатурой, а фокус всегда виден.
- Understandable — понятность. Тексты читаются, ошибки в формах объяснены словами, а не красной рамкой.
- Robust — надёжность. Разметка корректно разбирается браузерами и скринридерами.
На практике это семантические теги вместо бесконечных div, атрибут alt у изображений, связка label и поля ввода, контраст не ниже 4,5:1, навигация по Tab и ARIA там, где обычного HTML не хватает. Пользователи работают через экранные дикторы (NVDA, JAWS, VoiceOver, TalkBack), лупы и голосовое управление. В России требования к доступности сайтов задаёт ГОСТ Р 52872-2019, а базовым ориентиром по уровням WCAG считается AA.
Чем a11y отличается от «доступности сайта»
Главная путаница в русском языке: слово одно, а смыслов два. Доступность сайта в техническом смысле (availability) — это аптайм: сервер отвечает, страница отдаёт код 200, а не 502. Её измеряют системы мониторинга, и держится она на хостинге и корректно настроенных записях DNS. Если сайт лежит, никакая a11y не поможет.
Доступность в смысле a11y — про интерфейс, а не про инфраструктуру. Сайт может работать круглосуточно и при этом быть недоступным для человека со скринридером: «кнопка» свёрстана ссылкой, у иконок пустой alt, фокус по Tab не виден. Первую проблему решает сисадмин, вторую — верстальщик и редактор. В бриф подрядчику стоит писать именно a11y, иначе легко получить отчёт об аптайме вместо аудита доступности.
Зачем это бизнесу
Аргумент не только этический. Ограничения здоровья затрагивают примерно каждого шестого жителя планеты, а в России речь идёт о миллионах людей — это платёжеспособная аудитория, которую часто не пускают на сайт. Помогает это и тем, у кого ограничения временные: человеку со сломанной рукой или тому, кто читает с телефона на солнце.
Это же выгодно для поиска. Семантическая разметка, осмысленные alt, порядок заголовков, крупные кликабельные зоны — те требования, что предъявляют роботы к качеству кода. Доступные страницы обычно лучше ранжируются: структура понятнее, люди дольше остаются. В 2026 году это заметнее ещё и потому, что ИИ-поиск разбирает страницу по элементам, — та же работа помогает в GEO (Generative Engine Optimization), попадании в ответы генеративных систем.
Наконец, требования. В ЕС с середины 2025 года действует European Accessibility Act, охватывающий интернет-торговлю, банки и транспорт. В России нормы обязательны прежде всего для госсектора, но крупные банки, ритейл и телеком уже включают доступность в требования к подрядчикам.
Как применять и что чаще всего ломают
Минимальный рабочий набор действий:
- Проверить контраст текста и элементов интерфейса — не ниже 4,5:1.
- Пройти ключевые сценарии только клавиатурой: Tab, Shift+Tab, Enter, Esc.
- Написать осмысленные alt; декоративные картинки помечать пустым alt.
- Проверить формы: у каждого поля label, ошибка описана словами, а не цветом.
- Прогнать страницы скринридером и сканером (Lighthouse, axe), а лучше позвать людей с инвалидностью.
Типичные провалы: div onclick вместо button, ссылки «читать далее» без контекста, автозапуск видео со звуком, капча без альтернативы и скрытие текста, который нужен всем.
К 2026 году добавился ещё один слой: ИИ-агенты и голосовые ассистенты заходят на сайт как пользователи с ограничениями — без мыши и без визуального контекста.
Коротко
Доступность (a11y) — про то, что сайтом может пользоваться любой человек, а не только тот, кто видит экран, точно попадает мышью и слышит звук. Не путайте её с аптаймом: сервер может работать идеально, а интерфейс — оставаться закрытым для миллионов людей. Тот же порядок в коде, который нужен скринридерам, помогает и поисковым системам.
