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(storefront): BCTHEME-1778 Decorative SVG elements should be hidden from screen reader users #2432

Merged
merged 2 commits into from
Mar 5, 2024

Conversation

bc-vlad-dlogush
Copy link
Contributor

@bc-vlad-dlogush bc-vlad-dlogush commented Feb 20, 2024

What?

This PR adds attribute aria-hidden="true" to the decorative SVG tag to ignore voiced the text by using screen reader. In order to meet WCAG 2.0 Level A. More details are described in the ticket

Tickets / Documentation

Screenshots / Screen Recording

before.mov
after.mov

@bc-vlad-dlogush bc-vlad-dlogush requested a review from a team February 20, 2024 17:03
@bc-vlad-dlogush bc-vlad-dlogush self-assigned this Feb 20, 2024
@bc-yevhenii-buliuk
Copy link
Contributor

@bc-vlad-dlogush Could you add a screen recordings before and after the changes?

@bc-vlad-dlogush
Copy link
Contributor Author

@bc-yevhenii-buliuk added

@bc-vlad-dlogush bc-vlad-dlogush requested a review from a team February 21, 2024 10:21
Copy link
Contributor

@yurytut1993 yurytut1993 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

nice 👌

@bc-vlad-dlogush bc-vlad-dlogush merged commit 4a7569f into master Mar 5, 2024
4 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

5 participants