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 для соответствующего размера текста.
White on NavyPrimary CTA / header
Text on WhiteBody content
Dark on CoralEmotional CTA
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 и повторить взаимодействия.