Section Title Accessibility
Best Practices
The title must use the heading level that correctly nests the section in the page hierarchy. Do not choose a heading level for its visual size.
Calls to action must use descriptive link text. Icon-only infotip and menu buttons must have accessible names, and their icons must be hidden from assistive technology.
Interaction Design
Keyboard
The title itself is not focusable. TAB moves to any link, infotip button, or menu button in the section title.
Screen Reader
A screen reader announces the heading level and title, followed by optional subtitle and actions in source order.
Pointer
Clicking or tapping an action follows its link or opens its associated disclosure.
ARIA Reference
| Attribute | Description |
|---|---|
| aria-label | Names an icon-only action. |
| aria-expanded | Communicates whether an associated disclosure is open. |
| aria-haspopup | Identifies a button that opens a menu. |
| aria-hidden="true" | Hides decorative action icons. |