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

Admin Accessibility: Page Blocks - Use Grouping and Group Labels #2172

Open
carlj11 opened this issue Apr 2, 2024 · 0 comments
Open

Admin Accessibility: Page Blocks - Use Grouping and Group Labels #2172

carlj11 opened this issue Apr 2, 2024 · 0 comments
Labels

Comments

@carlj11
Copy link

carlj11 commented Apr 2, 2024

Issue reported by our Institute accessibility test team. Each block should have a group label. This provides context as the screen reader user tabs through the interface. Right now, all the user hears is the label of the thing they land on. For instance, most blocks have a “collapse” button, or a “remove value” button. As you tab through and land on “remove value”, you then need to back up and figure out what block / group your actually removing a value from. This is inefficient and error prone.

use fieldset and legend elements to create element groups (standard HTML; no aria required)
or use aria-labelledby (requires aria, lots of element IDs)

@kimisgold kimisgold added the a11y label Apr 2, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

2 participants