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

9.1. Improve Accessibility of Toggle Component by Integrating dateLastPurchased into the Checkbox Label #27

Open
dterceroparker opened this issue Sep 7, 2024 · 0 comments

Comments

@dterceroparker
Copy link
Member

[Megan's suggestion from issue 9 code review]

Currently, in the UI, the checkbox label for purchased items is split into two separate div elements. This causes screen readers to announce the label and the date separately, which can lead to a less fluid experience for visually impaired users. For example, screen readers will announce:
"Purchased."
(Move to the next element)
"9/7/2024, 3:51:13 AM."

This could be improved by passing the dateLastPurchased variable into the Toggle component and using it as part of the checkbox label. Doing so would ensure that screen readers announce the entire label together.

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

No branches or pull requests

1 participant