Example 1 — Collapsed by default
Initial state: collapsed
More information
This section is collapsed by default. When expanded, it becomes part of the page flow and is accessible to screen readers and keyboard users.
Buttons inside this region remain reachable only when the region is expanded.
Example 2 — Expanded by default
Initial state: expanded
Visible details
This section is expanded by default. Notice that assistive technologies can locate this region through the region role and the aria-labelledby reference to the control.
The button's aria-expanded attribute is synchronized with the visible state of the content.