Skip to main content

PageHeader

Organismbeta@macaw-ds/ui · since 0.1.0

The page's own header under the TopBar: title, description, meta, actions and section tabs. Not the global header; that is TopBar.

Contract

From the manifest's a11y block: what assistive technology sees, and every key the component handles.

Role
none (a plain region at the top of main; it never becomes a second banner landmark)
Focusable
No. Interactive children keep their own focus.
Accessible name
The title is the page's heading; the tabs landmark is named by TabNav's aria-label.
Notes
  • The title renders as h1 by default so every page has exactly one top-level heading.
  • The sticky tab row sits below the TopBar (top-topbar), so focused tabs are never hidden behind it.
  • Actions wrap under the title on narrow viewports; the tab row is sticky only at 1024px and wider.
Keyboard
KeysBehaviour

Not interactive; no keyboard handling.

Motion

This component does not animate or transition, so there is nothing to reduce.

Contrast

Computed at build time from the token values, against the background each colour is paired with.

None of this component's colour tokens is a text or line colour with a fixed background; see the contrast matrix in Foundations, Accessibility.