Component Library

Hidden content - Incorrect usage

Issue Description

aria-hidden=true is used to hide elements or content from screen reader users but it is still visible on the page.

When used in this way it may create issues for sighted or partially sighted users who also use assistive technologies.

Example: A low vision screen reader user will not have access to aria-hidden page content because it is not announced by the screen reader. The same content is available to sighted users because it is still visible on the page.


Remove the aria-hidden attribute from the content or elements.

If the goal is to hide the content or elements from ALL users use:

  • CSS display: none or visibility: hidden
  • HTML hidden