Why is this an issue?
Anchors, represented by the
a tag in HTML, usually contain a hyperlink that users can click to navigate to different sections of a
website or different websites altogether.
However, when anchors do not have content or when the content is hidden from screen readers using the
aria-hidden property, it creates
a significant accessibility issue. If an anchor’s content is hidden or non-existent, visually impaired users may not be able to understand the purpose
of the anchor or navigate the website effectively.
This rule checks that anchors do not use the
aria-hidden property and have content provided either between the tags or as
How to fix it in JSX
Ensure that anchors either have content or an
title attribute, and they should not use the
Noncompliant code example
<a aria-hidden>link to my site</a>
<a>link to my site</a>