UI Foundation
Доступность
Keyboard, focus, contrast, semantics и ручной smoke path.
PT-AC-06
Keyboard and focus
Все интерактивные элементы доступны Tab/Shift+Tab; overlays закрываются Escape и возвращают focus.
Contrast
Contrast samples
Ключевые пары должны проходить WCAG AA для соответствующего размера текста.
Semantics
Semantic structure
Foundation pages используют landmark regions, один H1, последовательные headings и видимые labels.
| Requirement | Implementation | Manual check |
|---|---|---|
| Skip link | Первый focusable element | Tab после загрузки |
| Landmarks | header / nav / main / aside / footer | Accessibility tree |
| Heading order | H1 → H2 → H3 | No skipped levels in content |
| Labels | Visible label + help/error | Screen reader name |
| Icon-only | aria-label | Accessible name |
Smoke test
Manual smoke path
Проверка выполняется на каждой интерактивной странице до foundation approval.
- 1Tab от skip link до header actions и sidebar navigation.
- 2Открыть/закрыть mobile drawer, Bootstrap modal и offcanvas только клавиатурой.
- 3Проверить focus return после закрытия overlay.
- 4Проверить form validation summary и первый invalid field.
- 5Включить reduced motion и повторить взаимодействия.
Effects accessibility
Glass, gradient и motion проходят отдельную проверку
Визуальный эффект не должен снижать contrast, скрывать focus, менять доступное имя или быть единственным носителем состояния.
Glass имеет solid fallback и проверяется на реальном фоне.
Reduced motion сохраняет конечное состояние и feedback.
Animated buttons не меняют accessible name без live-feedback.
Текст на gradient/overlay проверяется минимум в двух крайних точках фона.
Backdrop blur не заменяет контрастный border и surface alpha.
Pulse не используется как единственный признак urgent-состояния.