Заявление о доступности
Доступность как часть продукта
Мы стремимся к соответствию WCAG 2.2 уровня AA. Ниже — что уже сделано, что проверяется автоматически и где остаются ограничения.
Обновлено: 17 сентября 2026
Контраст
Все текстовые пары проверены автоматически: минимум 4.5:1, для крупного текста и индикаторов — 3:1.
Клавиатура
Каждый интерактивный элемент доступен с клавиатуры, фокус всегда виден, есть ссылка «Перейти к содержанию».
Движение
При prefers-reduced-motion анимации, параллакс и автопрокрутка отключаются — контент остаётся полным.
Зоны нажатия
Минимальный размер интерактивной области — 44×44 px, включая иконочные кнопки.
Структура
Один h1 на страницу, последовательная иерархия h2–h3, секции связаны с заголовками через aria-labelledby.
Альтернативы
У графиков есть текстовые описания и таблицы данных, у видео-отзывов — расшифровка текстом.
Статус соответствия
Лендинг разрабатывается с целью соответствия WCAG 2.2, уровень AA. Часть критериев проверяется автоматически при каждой сборке: контраст всех пар «текст / подложка» считается скриптом npm run contrast, а отчёт хранится в репозитории. Остальные критерии проверяются вручную.
Что проверено
- Навигация только с клавиатуры: Tab, Shift+Tab, Enter, Space, Escape.
- Видимое кольцо фокуса на каждом интерактивном элементе, контраст кольца — не ниже 3:1.
- Корректная иерархия заголовков и осмысленные тексты ссылок.
- Формы и квиз построены на нативных input, fieldset и legend.
- Модальные окна — на нативном элементе dialog: ловушка фокуса и Escape работают из коробки.
- Аккордеон FAQ — на details/summary: работает даже без JavaScript.
- Смена темы уважает системную настройку prefers-color-scheme.
- Масштабирование текста до 200% не приводит к потере контента.
Движение и анимация
На лендинге много анимаций: кинетическая типографика, появления по скроллу, прогресс-кольца, бесконечные ленты. Все они подчиняются системной настройке prefers-reduced-motion. При включённой настройке: длительности сводятся к нулю, параллакс и «дышащие» объекты останавливаются, бесконечные ленты замирают, счётчики сразу показывают итоговое значение. Ни один смысловой элемент при этом не пропадает.
Известные ограничения
- Декоративные градиентные подложки в некоторых браузерах могут отображаться иначе при активном режиме высокой контрастности — это не влияет на читаемость текста.
- Плавающие карточки в первом экране на очень узких вьюпортах (менее 320 px) частично перекрывают макет телефона.
- Видео-отзывы в демо представлены постерами с текстовой расшифровкой, звуковой дорожки пока нет.
Обратная связь
Если ты столкнулся с барьером — напиши на hello@pulsestudio.example с пометкой «Доступность». Мы отвечаем в течение 3 рабочих дней и стараемся исправлять критичные барьеры в ближайшем релизе.
Технические детали
- Язык страницы объявлен как русский (lang="ru").
- Разметка семантическая: header, nav, main, section, article, footer.
- Изменения состояний квиза объявляются через aria-live.
- Декоративная графика скрыта от вспомогательных технологий через aria-hidden.