Icon in the Help button should be hidden from screen readers #54803
Labels
help wanted
Open for all. You do not need permission to work on these.
platform: learn
UI side of the client application that needs familiarity with React, Gatsby etc.
scope: a11y
Threads for addressing accessibility issues.
scope: UI
Threads for addressing UX changes and improvements to user interface
Description
The icon in the Help button is only decorative and doesn't convey any information. It should have
aria-hidden
set totrue
so that screen readers can ignore it (I'm using VoiceOver and the icon is announced as "group").Affected page
Any pages that have the Help button.
Example: https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-html-by-building-a-cat-photo-app/step-8.
Requirements
Add
aria-hidden="true"
to https://github.com/freeCodeCamp/freeCodeCamp/blob/main/client/src/assets/icons/help.tsx.The text was updated successfully, but these errors were encountered: