Status banner — accessibility
Keyboard
- The banner itself is not focusable; Tab reaches its actions and the dismiss cross in reading order.
- The dismiss cross is a DS
IconButton(Enter / Space).
ARIA
role="status"by default (polite live region) — a state that appears with the page or after a run.role="alert"only for an error that has just happened and needs immediate attention.- The glyph is decorative; the meaning is in the sentence (and in the tone for sighted users only as reinforcement).
- The dismiss cross has an accessible name (
dismissLabel, default „Skrýt"). dotisaria-hidden; the sentence must say the same thing without it.
Focus
Actions and the cross use the DS button focus ring; the banner adds none of its own.
Contrast
- Text:
--fg-secondaryon--surface-100(neutral),--accent-inkon--accent-tint,--positive-inkon--positive-subtle,--critical-inkon--critical-subtle— all AA for--small. - The critical glyph is
--critical(non-text contrast ≥ 3 : 1). - No amber text anywhere (RULES §15).
Known limits
- One banner = one sentence; long lists belong in the page, not in the banner.
- Colour is never the only signal: the glyph and the sentence carry the state.
Source: docs/status/status-banner.a11y.md · GitLab