You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Ideally anchor text for screen readers should include the text of the anchor.
For example, <a href="#web-for-all-w3c-principles-champions" class="heading-anchor"><span aria-hidden="true">§</span><span class="visuallyhidden">anchor</span></a>
should be <a href="#web-for-all-w3c-principles-champions" class="heading-anchor"><span aria-hidden="true">§</span><span class="visuallyhidden">anchor Web for All - W3C Principles Champions </span></a>.
It's true that this is a common pattern that we are using (I've seen anchors like this on the calendar and probably other pages that I just can't remember now). This is AAA but still a huge improvement in usability.
The text was updated successfully, but these errors were encountered:
To reproduce
https://www.w3.org/sponsor/
Describe the issue
Relayed from @daniel-montalvo :
Ideally anchor text for screen readers should include the text of the anchor.
For example,
<a href="#web-for-all-w3c-principles-champions" class="heading-anchor"><span aria-hidden="true">§</span><span class="visuallyhidden">anchor</span></a>
should be
<a href="#web-for-all-w3c-principles-champions" class="heading-anchor"><span aria-hidden="true">§</span><span class="visuallyhidden">anchor Web for All - W3C Principles Champions </span></a>
.It's true that this is a common pattern that we are using (I've seen anchors like this on the calendar and probably other pages that I just can't remember now). This is AAA but still a huge improvement in usability.
The text was updated successfully, but these errors were encountered: