Education Notice Accessibility
Best Practices
An education notice must use a named region. Its title must use the heading level that fits the page hierarchy.
An education 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 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 region, informative 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. |