Zephyr стремится обеспечить доступность своего сайта для всех пользователей, независимо от используемых технологий и индивидуальных особенностей. Мы разделяем убеждение, что знания о типографике и визуальной коммуникации должны быть доступны каждому — в том числе людям с нарушениями зрения, слуха, двигательной функции и когнитивными особенностями.

1. Целевые стандарты доступности

При разработке и поддержке сайта aZephyrmn.world мы ориентируемся на требования Руководства по доступности веб-контента (WCAG) 2.1, уровень AA, опубликованного Консорциумом Всемирной паутины (W3C). Стандарт WCAG 2.1 AA охватывает четыре ключевых принципа доступности: воспринимаемость, управляемость, понятность и надёжность.

2. Реализованные меры доступности

На текущей версии сайта Zephyr внедрены следующие меры:

2.1 Структура и семантика

  • Последовательная иерархия заголовков (H1–H4) на всех страницах обеспечивает навигацию с помощью программ экранного чтения;
  • Семантические HTML5-элементы: <header>, <nav>, <main>, <article>, <aside>, <footer>;
  • Атрибуты ARIA (aria-label, aria-labelledby, role, aria-expanded) для интерактивных элементов и навигации;
  • Элемент <main id="main-content"> присутствует на каждой странице для обеспечения перехода к основному контенту.

2.2 Изображения и медиа

  • Все содержательные изображения снабжены развёрнутыми атрибутами alt, точно описывающими содержание;
  • Декоративные элементы используют пустые атрибуты alt="" или роль role="presentation";
  • Текстовые подписи к изображениям дополнительно описывают контекст, не отражённый в alt-тексте.

2.3 Цвет и контраст

  • Соотношение контраста основного текста к фону составляет не менее 4.5:1 в соответствии с требованиями WCAG 2.1 AA;
  • Смысловая информация не передаётся исключительно через цвет — используются дополнительные визуальные индикаторы;
  • Стиль выделения ссылок при фокусировке обеспечивает их различимость без использования одного лишь цвета.

2.4 Клавиатурная навигация

  • Весь интерактивный контент сайта доступен с клавиатуры в логичном порядке фокуса;
  • Видимые индикаторы фокуса (outline) присутствуют на всех интерактивных элементах;
  • Выпадающие меню навигации доступны при взаимодействии с мышью и по наведению курсора.

2.5 Типографика и читаемость

  • Размер базового текста — 16px с межстрочным интервалом не менее 1.7; соответствует нормам читаемости для людей с дислексией и нарушениями зрения;
  • Макет сайта сохраняет читаемость при увеличении текста браузером до 200%;
  • Ширина текстовых колонок ограничена (не более 820px) для комфортного чтения.

2.6 Формы

  • Все поля форм снабжены явными <label>-элементами, связанными с полями через атрибут for;
  • Сообщения об успешной отправке формы отображаются явно и доступны для программ экранного чтения;
  • Поля, обязательные для заполнения, помечены визуально и семантически.

3. Известные ограничения

Несмотря на наши усилия, отдельные аспекты сайта могут не полностью соответствовать уровню WCAG 2.1 AA:

  • Исторические изображения. Часть иллюстраций к историческим материалам (репродукции образцов шрифтов и архивных документов) имеет ограниченное описание в alt-тексте из-за сложности содержания. Мы работаем над улучшением этих описаний.
  • Мобильная навигация. Выпадающие подменю на мобильных устройствах в настоящее время не полностью доступны для управления только с клавиатуры — мы планируем устранить это в следующем обновлении сайта.

4. Совместимость с вспомогательными технологиями

Сайт тестировался в следующих комбинациях браузеров и вспомогательных технологий:

  • NVDA + Google Chrome (Windows 10)
  • VoiceOver + Safari (macOS Ventura)
  • VoiceOver + Safari (iOS 17)
  • TalkBack + Chrome (Android 13)

Мы стремимся поддерживать совместимость с актуальными версиями перечисленных программ экранного чтения. Если у вас возникают трудности с доступом к контенту, пожалуйста, сообщите нам.

5. Обратная связь по доступности

Мы искренне заинтересованы в том, чтобы сделать наш сайт максимально доступным. Если вы столкнулись с препятствиями при использовании сайта или знаете, как мы можем улучшить доступность наших материалов, пожалуйста, свяжитесь с нами:

Мы стремимся ответить на обращения по вопросам доступности в течение 5 рабочих дней и при необходимости предоставить содержание материала в альтернативном формате.

6. Процесс непрерывного улучшения

Доступность — это не конечное состояние, а непрерывный процесс. Zephyr регулярно проводит аудиты доступности с использованием как автоматизированных инструментов (axe, Lighthouse), так и ручного тестирования с пользователями вспомогательных технологий. Выявленные проблемы включаются в план работ редакции и устраняются в порядке приоритетности.