search

the-collab-lab / tcl-74-smart-shopping-list

1 stars 0 forks source link

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

Open dterceroparker opened 1 month ago

dterceroparker commented 1 month ago

[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.

dterceroparker commented 3 weeks ago

9/25/24: Issue is no longer relevant because we will not include purchased and dateLastPurchased content.