Anchors must have content and the content must be accessible by a screen reader
139 <a href="#">Career Support</a>
140 </li>
141 <li className="dot">
142 <a href="#"/>143 </li>
144 <li>
145 <a href="#" onClick={handleSignOut}>
Description
Making the content accessible means that it is not hidden using the aria-hidden
prop.
Bad Practice
<a />
<a><TextWrapper aria-hidden /></a>
Recommended
<a>Anchor Content!</a>
<a><TextWrapper /><a>
<a dangerouslySetInnerHTML={{ __html: 'foo' }} />