Feedback

Banner

A persistent situation that needs a decision — wide, inline, and never blocking.
Synchronization is off
Changes are stored on this device only.

Semantics and name

The semantic root and accessible name must match the actual situation.

  • Accessible name

    A rendered title labels the section and the body describes it; the icon stays decorative.

  • Not an alert

    The root is a labelled section with optional polite announcement, never role=alert.

Keyboard and focus

The component supports expected controls without creating focus traps.

  • Tab order

    Only actions and close are focusable, in DOM order, unchanged by the visual layout.

  • Focus return

    Without an activator the banner cannot guess a return target — restore focus in the close handler.