Section Notice Accessibility
Best Practices
A section notice must use a named region. A titled notice must use the heading level that fits the page hierarchy.
A section notice must not rely on color or an icon alone to convey meaning or tone. An icon should supplement the text to help communicate meaning and tone.
A dismiss button must have an accessible name such as "Close notice." Decorative action icons must be hidden from assistive technology.
Interaction Design
Keyboard
TAB moves through notice links and buttons. ENTER activates links or buttons; SPACEBAR also activates buttons.
Screen Reader
A screen reader can navigate to the named notice region and reads its status, title, message, and actions in source order.
Pointer
Clicking or tapping an action activates it. Dismissing the notice must not move focus unexpectedly.
ARIA Reference
| Attribute | Description |
|---|---|
| role="region" | Exposes the notice as a navigable region. |
| aria-label | Names the notice region, status icon, or icon-only dismiss button. |
| aria-roledescription="Notice" | Provides a user-facing description for the region role. |
| aria-hidden="true" | Hides decorative action icons. |