Открытые двери

ADA / accessibility audit

Красивый мистический сайт должен работать клавиатурой, screen reader, при увеличении, слабом зрении и reduced motion.

Недоступная дверь остаётся закрытой, даже если она нарисована золотом.

Keyboard-only

Пройти сайт без мыши: главная, Tarot, выбор карт, checkout, кабинет, recovery и contact.

  • Фокус видим.
  • Tab order логичный.
  • Нет ловушек фокуса.

Screen reader sanity check

Проверить, что кнопки, карты, формы и статусы не читаются как загадочный шум.

  • Кнопки имеют aria-label там, где нужен контекст.
  • Ошибки форм читаются.
  • Статусы оплаты понятны.

Contrast and zoom

Проверить контраст на тёмных фонах и увеличение до 200%, особенно в карточках и формах.

  • Текст не накладывается.
  • Горизонтального скролла нет.
  • CTA остаются видимыми.

checklist

Что проверить

  • Automated axe/Lighthouse прогнаны.
  • Manual keyboard-only path пройден.
  • Screen reader sanity check пройден.
  • Контраст проверен на ключевых страницах.
  • Motion уважает prefers-reduced-motion.

красные флаги

Когда остановиться

  • Нельзя выбрать карту клавиатурой.
  • Screen reader не объясняет выбранную карту.
  • Цвет единственный признак статуса.
  • При 200% zoom кнопка оплаты исчезает.

готово, когда

Definition of done

  • Главный платный путь доступен без мыши.
  • Ошибки форм озвучиваются и видны.
  • Публичная accessibility page соответствует фактическому состоянию.

связанные двери