aria-expanded indicates whether a control (menu or accordion) is currently expanded or closed.
When to use
- On buttons that control expandable content
- To dynamically reflect open/closed states
Example
<button aria-expanded="false" aria-controls="menu">
Menu
</button>
<ul id="menu" hidden>
<li>Home</li>
<li>About</li>
</ul>