Loading...
The aria-hidden attribute is an accessibility attribute in HTML that is used to indicate whether an element and its contents should be visible or hidden to assistive technologies, such as screen readers. This can improve the experience for assistive technology users by hiding:- 1) Purely decorative content, such as icons or images 2) Duplicated content, such as repeated text 3) Offscreen or collapsed content, such as menus According to the fourth rule of ARIA, aria-hidden="true" should not be used on a focusable element. Additionally, since this attribute is inherited by an element's children, it should not be added onto the parent or ancestor of a focusable element. Using aria-hidden="false" will not re-expose the element to assistive technology if any of its parents specify aria-hidden="true". Here's an example of how to use the aria-hidden attribute: 

<div aria-hidden="true">
  This content is visually hidden but accessible to assistive technologies.
</div>