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").
  • dot is aria-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-secondary on --surface-100 (neutral), --accent-ink on --accent-tint, --positive-ink on --positive-subtle, --critical-ink on --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