Anchors must have content and the content must be accessible by a screen reader
108 <a href="#">Career Support</a>
109 </li>
110 <li className="dot">
111 <a href="#"/>112 </li>
113 <li>
114 <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' }} />