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
Further improvement: update the tooltip text (and the link's aria-label) to be "GitHub". Otherwise, speech recognition users (who can't open tooltips) have to guess until they say "View GitHub" in order to open the link.
The text was updated successfully, but these errors were encountered:
ashleemboyer
changed the title
[Header] GitHub link is missing an Accessible Name
[Header] GitHub link is missing an Accessible Name (accessibility bug)
Jun 1, 2024
Bug report
Current Behavior
""
), like pictured:Expected behavior
The Accessible Name should match the tooltip that appears on hover/focus.
Suggested solution
Set the
aria-label
on the element to match the text of the tooltip. This value should be set all the time, not just when the tooltip shows.Location of the code, from what I can tell:
website/components/Header.tsx
Lines 145 to 153 in 52578d3
Further improvement: update the tooltip text (and the link's aria-label) to be
"GitHub"
. Otherwise, speech recognition users (who can't open tooltips) have to guess until they say "View GitHub" in order to open the link.The text was updated successfully, but these errors were encountered: