Content stress
Подготовка к родам в Бразилии
Понятный процесс, реальные специалисты и следующий шаг.
Media
Quality gate
Доступность и content stress test
Проверка длинных текстов, отсутствующих media, 200% zoom, перевода и keyboard-порядка.
Content stress lab
Проверить композицию на неудобных данных
Переключатели меняют specimen локально и не являются production-функцией.
Специалист
Роль, языки и клиника.
Документы
Этапы и ограничения.
Следующий шаг
Контекстный CTA.
Accessibility contract
Композиция поддерживает WCAG 2.2 AA intent
Header, nav, main, aside и footer отражают назначение.
Один H1, последовательные H2/H3 без визуальных подмен.
Focus order соответствует reading order, sticky/dialog возвращают focus.
Цвет не является единственным статусом; текст читается поверх surfaces.
Zoom 200% и узкий viewport без потери функции.
Alt по назначению, captions и fallback.
Stress cases
Обязательная ручная проверка
| Сценарий | Ожидаемый результат |
|---|---|
| Длинный RU/PT-BR заголовок | Перенос без clipping, overlap и сверхузкой колонки. |
| Media отсутствует | Секция сохраняет hierarchy и action. |
| Text 200% | Reflow, без двунаправленного scroll. |
| Keyboard only | Все actions достижимы, focus видим. |
| Reduced motion | Смысл не зависит от transition. |
| Empty / error | Понятное состояние и recovery action. |
Media accessibility
Viewer и card остаются понятными без hover и движения
Описывает назначение и важный визуальный контекст; декоративное media получает пустой alt.
Каждый trigger имеет видимый focus-visible и логичный возврат из Fancybox.
Не скрывается только за hover и не зависит от движения.
Scale и transitions отключаются, overlay и affordance остаются.
Enter/Space открывают viewer; Escape закрывает; next/previous доступны.
Длинный caption, no-media и увеличение текста не создают horizontal scroll.