aria-hidden is useful when you want to hide elements from assistive technologies like screen readers.
Whe to use it
- To haide decorative icons, images or elements that are visual
- To temporarily hide elements that should not be announced
<span aria-hidden="true">
<i class="icon"></i>
</span> When to not use it
Do not use it on interactive or focusable elements as it will make them inaccessible!