Доступность сайта в веб-разработке¶

Доступность сайта (веб-доступность, a11y) — это свойство веб-ресурса, при котором его содержание и функциональность могут быть восприняты, поняты и использованы максимально широким кругом пользователей, включая людей с ограниченными возможностями здоровья, а также при работе с различными устройствами, браузерами и вспомогательными технологиями. Понятие охватывает как техническую корректность разметки, так и удобство интерфейса, и рассматривается как часть более общей концепции универсального дизайна.

Термин происходит от английского accessibility; сокращение a11y образовано от слова accessibility, где между первой буквой «a» и последней «y» стоит 11 символов. В русскоязычной практике наряду с «доступностью» употребляются формулировки «безбарьерный доступ» и «инклюзивный веб».

¶История и нормативная база

Формирование требований к доступности началось в 1990-е годы, когда распространение графических браузеров сделало веб массовым, но одновременно создало барьеры для незрячих и слабовидящих пользователей. В 1997 году консорциум W3C запустил инициативу WAI (Web Accessibility Initiative), а в 1999 году опубликовал первые Руководства по доступности веб-контента (WCAG 1.0). В 2008 году вышла версия WCAG 2.0, в 2018 году — WCAG 2.1, в 2023 году — WCAG 2.2. Эти документы не являются законодательными, но служат международным ориентиром.

В России требования к доступности закреплены в ГОСТ Р 52872-2019, который устанавливает правила представления информации в интернете для людей с нарушениями зрения, слуха и опорно-двигательного аппарата. Отдельные положения содержатся в Федеральном законе «О социальной защите инвалидов в Российской Федерации», обязывающем обеспечивать доступность информации. Для государственных сайтов требования к версии для слабовидящих носят обязательный характер.

¶Принципы WCAG

Руководства WCAG строятся на четырёх принципах, обозначаемых аббревиатурой POUR:

Воспринимаемость — информация должна быть представлена в формах, доступных разным органам чувств: текстовые альтернативы для изображений, субтитры для видео, достаточный контраст.
Управляемость — интерфейс должен работать с клавиатуры и с вспомогательными устройствами, без привязки исключительно к мыши.
Понятность — тексты и поведение элементов должны быть предсказуемыми, а ошибки ввода — сопровождаться пояснениями.
Надёжность — код должен корректно интерпретироваться разными браузерами и программами экранного доступа.

Каждый критерий имеет один из трёх уровней соответствия: A (базовый), AA (стандартный, чаще всего требуемый законодательно) и AAA (расширенный).

¶Основные технические требования

На практике доступность реализуется через набор конкретных приёмов:

семантическая разметка HTML с использованием заголовков h1–h6, списков, таблиц и ориентиров (landmark);
атрибут alt для изображений и подписи к сложным графикам;
корректные подписи label, связанные с полями форм;
навигация с клавиатуры и видимый индикатор фокуса;
контраст текста не ниже 4,5:1 для основного текста;
адаптация к масштабированию до 200 % без потери функциональности;
ARIA-атрибуты для динамических элементов, не имеющих нативных аналогов.

¶Вспомогательные технологии

Доступность обеспечивается взаимодействием сайта с программами экранного доступа (скринридерами), среди которых NVDA, JAWS и VoiceOver. Незрячие пользователи воспринимают страницу на слух, поэтому логичный порядок элементов и осмысленные тексты ссылок критичны. Слабовидящие применяют экранные лупы и режимы высокого контраста. Люди с нарушениями моторики используют клавиатуру, головные указки, выключатели. Глухие и слабослышащие пользователи зависят от текстовых расшифровок аудио- и видеоматериалов.

¶Аудит и инструменты

Проверка доступности делится на автоматическую и ручную. Автоматические инструменты (Lighthouse, axe, WAVE) выявляют часть нарушений: отсутствие alt, низкий контраст, ошибки разметки. Однако значительная доля проблем обнаруживается только при ручном тестировании с клавиатурой и скринридером. Полноценный аудит включает проверку сценариев реальными пользователями с инвалидностью.

¶Значение и ограничения

Доступность расширяет аудиторию ресурса, улучшает поисковую оптимизацию за счёт семантики, снижает юридические риски для организаций. Принципы доступности полезны не только людям с инвалидностью: ими пользуются при плохом освещении, на мобильных устройствах, при временных травмах. Основные ограничения связаны с дополнительными затратами на разработку и тестирование, а также с быстрым устареванием рекомендаций при появлении новых интерфейсных решений.

Источники: W3C Web Accessibility Initiative, WCAG 2.1 и 2.2, ГОСТ Р 52872-2019, Федеральный закон № 181-ФЗ «О социальной защите инвалидов в Российской Федерации».