aria-hidden
BooleanRemoves an element and all of its descendants from the accessibility tree, so assistive technologies skip it entirely while it stays visible on screen. Use it to hide decorative graphics or text that would otherwise be announced twice. Never put it on a focusable element, or keyboard users will land on something screen readers can't describe.
Values
- true
- The element and its descendants are removed from the accessibility tree.
- false (default)
- The element is exposed to assistive technologies.
Used on
Any HTML element —
aria-hidden is a global property.Associated roles
Every ARIA role. As a global property,
aria-hidden is supported on all roles.Example
aria-hidden="…"
<span aria-hidden="true">★</span>
<span class="sr-only">Favorite</span>References