Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix(ui): hide the help icon from the screen reader #54812

Merged

Conversation

a2937
Copy link
Member

@a2937 a2937 commented May 15, 2024

Checklist:

Closes #54803

I had tested with NVDA. While I had not properly discovered this error, I still went ahead and the icon. I had even added a test to ensure it is properly hidden to screenreaders.

While in the file, I couldn't find any tests pertaining the help button not being visible; so I added them as well. If there are already relevant tests in a different file, I will happily remove the ones I added.

@a2937 a2937 requested a review from a team as a code owner May 15, 2024 17:02
@github-actions github-actions bot added platform: learn UI side of the client application that needs familiarity with React, Gatsby etc. scope: tools/scripts Scripts for supporting dev work, generating config and build artifacts, etc. labels May 15, 2024
@moT01 moT01 added the status: waiting review To be applied to PR's that are ready for QA, especially when additional review is pending. label May 20, 2024
e2e/help-button.spec.ts Outdated Show resolved Hide resolved
e2e/help-button.spec.ts Outdated Show resolved Hide resolved
e2e/help-button.spec.ts Show resolved Hide resolved
@huyenltnguyen huyenltnguyen self-assigned this May 21, 2024
@huyenltnguyen huyenltnguyen added status: waiting update To be applied to PR if a maintainer/reviewer has left a feedback and follow up is needed from OP and removed status: waiting review To be applied to PR's that are ready for QA, especially when additional review is pending. labels May 21, 2024
a2937 and others added 3 commits May 21, 2024 15:43
Co-authored-by: Huyen Nguyen <25715018+huyenltnguyen@users.noreply.github.com>
Co-authored-by: Huyen Nguyen <25715018+huyenltnguyen@users.noreply.github.com>
@a2937 a2937 requested a review from huyenltnguyen May 21, 2024 20:07
@huyenltnguyen huyenltnguyen merged commit 5ac73c6 into freeCodeCamp:main May 22, 2024
21 checks passed
@a2937 a2937 deleted the fix(ui)/hide-help-from-screen-reader branch May 22, 2024 12:13
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
platform: learn UI side of the client application that needs familiarity with React, Gatsby etc. scope: tools/scripts Scripts for supporting dev work, generating config and build artifacts, etc. status: waiting update To be applied to PR if a maintainer/reviewer has left a feedback and follow up is needed from OP
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Icon in the Help button should be hidden from screen readers
4 participants