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.

Sign up for GitHub

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

Jump to bottom

[Column Block] Improve labeling of nested columns #29804

Closed
annezazu opened this issue Mar 12, 2021 · 0 comments · Fixed by #30248
Closed

[Column Block] Improve labeling of nested columns #29804

annezazu opened this issue Mar 12, 2021 · 0 comments · Fixed by #30248
Assignees
@diegohaz
Labels
[Block] Columns Affects the Columns Block [Focus] Accessibility (a11y) Changes that impact accessibility and need corresponding review (e.g. markup changes). [Status] In Progress Tracking issues with work in progress

Comments

@annezazu
Copy link
Contributor

What problem does this address?

Currently, columns are labeled very simply either as "Columns" for a parent block or "Column" for a nested block. When using a screen reader (NVDA specifically) this makes for a very confusing experience as noted in the following video because you're unable to know which nested column you're in:

columns.mov

I'm sharing this video with consent of the person who I recorded.

What is your proposed solution?

Add more descriptive labeling either using numbers or "right and left" indications to make it clear which column one is in when using a screen reader.
@annezazu annezazu added [Focus] Accessibility (a11y) Changes that impact accessibility and need corresponding review (e.g. markup changes). [Block] Columns Affects the Columns Block [a11y] Labelling labels Mar 12, 2021
@diegohaz diegohaz mentioned this issue Mar 25, 2021
Merged
@github-actions github-actions bot added the [Status] In Progress Tracking issues with work in progress label Mar 25, 2021
@diegohaz diegohaz mentioned this issue Apr 8, 2021
Open
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@diegohaz diegohaz

Labels
[Block] Columns Affects the Columns Block [Focus] Accessibility (a11y) Changes that impact accessibility and need corresponding review (e.g. markup changes). [Status] In Progress Tracking issues with work in progress
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

Add column count to the column block label WordPress/gutenberg
3 participants
@diegohaz @annezazu @priethor