Доступность (Accessibility)¶

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

Целевой уровень¶

Ориентиром для большинства продуктов служит WCAG 2.2 уровня AA: именно на него ссылается европейский стандарт EN 301 549 и, через него, требования к доступности цифровых продуктов в ЕС, а также многие государственные требования в других странах. Уровень AAA целиком недостижим для многих типов контента и сам W3C не рекомендует требовать его как общую политику, но отдельные критерии AAA (например, увеличенный размер целей 2.5.5) разумно выполнять там, где это несложно.

Контраст¶

Контраст - это отношение относительной яркости двух цветов, а не яркость отдельного цвета, поэтому светлый текст на светлом фоне может иметь низкий контраст при высокой яркости обоих. Критерий 1.4.3 Contrast (Minimum), AA, требует 4,5:1 для обычного текста и 3:1 для крупного (от 18 pt или от 14 pt полужирным, что примерно соответствует 24 и 18,66 CSS px). Критерий 1.4.11 Non-text Contrast, AA, требует 3:1 для границ и состояний интерактивных элементов и для графики, необходимой для понимания. Проверять контраст нужно в обеих темах оформления и во всех состояниях компонента, поскольку состояние hover или выделенная строка таблицы часто меняют фон так, что текст на нём перестаёт соответствовать пороговым значениям контраста.

Клавиатура и фокус¶

Всё, что можно сделать мышью, должно быть доступно с клавиатуры (2.1.1 Keyboard, A), порядок фокуса следует логике чтения и задачи (2.4.3 Focus Order, A), а фокус всегда виден (2.4.7, AA) и не перекрыт липкими шапками и панелями (2.4.11, AA). Ссылка «Перейти к основному содержимому» в начале страницы избавляет пользователя клавиатуры от прохода по всей навигации на каждой странице (2.4.1 Bypass Blocks, A). Сложные виджеты, такие как таблицы с редактированием, деревья и комбобоксы, реализуют клавиатурную модель, описанную в WAI-ARIA Authoring Practices, а не изобретают собственную.

Масштабирование и перестройка¶

Интерфейс сохраняет работоспособность при увеличении текста до 200 % (1.4.4 Resize Text, AA) и при ширине области просмотра 320 CSS px без горизонтальной прокрутки для основного содержимого (1.4.10 Reflow, AA). На практике это означает размеры шрифтов в относительных единицах и раскладку, которая перестраивается, а не обрезается. Пользовательские настройки межстрочного и межбуквенного интервала не должны приводить к потере текста (1.4.12 Text Spacing, AA), что требует не задавать контейнерам с текстом фиксированную высоту.

Движение¶

Анимации переходов и параллакс могут вызывать дискомфорт у людей с вестибулярными нарушениями. Медиазапрос prefers-reduced-motion позволяет заменить перемещения на смену прозрачности или убрать их совсем; критерий 2.3.3 Animation from Interactions относится к уровню AAA, но реализация обычно сводится к нескольким строкам CSS. Автоматически запускаемое движение дольше пяти секунд должно останавливаться пользователем (2.2.2 Pause, Stop, Hide, A).

Аутентификация¶

Критерий 3.3.8 Accessible Authentication (Minimum), AA, появившийся в WCAG 2.2, запрещает требовать при входе когнитивных тестов вроде запоминания или переписывания символов без альтернативы. Разрешение вставки пароля из буфера и поддержка менеджеров паролей этот критерий выполняют, а запрет вставки в поле пароля - нарушает.

Проверка¶

Автоматические анализаторы находят лишь часть проблем, в основном формальные: отсутствие подписей, недостаточный контраст, ошибки разметки ARIA. Логику порядка фокуса, понятность сообщений и работу с экранным диктором проверяют вручную; минимальный проход включает работу без мыши, проверку с одним экранным диктором (VoiceOver, NVDA или TalkBack) и просмотр при увеличении до 200 %.