-
Notifications
You must be signed in to change notification settings - Fork 4.2k
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
Match visible label of search inputs with their actual label. #65458
Conversation
The following accounts have interacted with this PR and/or linked issues. I will continue to update these lists as activity occurs. You can also manually ask me to refresh this list by adding the If you're merging code through a pull request on GitHub, copy and paste the following into the bottom of the merge commit message.
To understand the WordPress project's expectations around crediting contributors, please review the Contributor Attribution page in the Core Handbook. |
Size Change: -84 B (0%) Total Size: 1.77 MB
ℹ️ View Unchanged
|
0760edd
to
7c5dc4e
Compare
7c5dc4e
to
9f86d17
Compare
The labels changed in this PR are not visible, so this seems fine to me if it improves a11y. |
Thanks @jameskoster. I'd appreciate a final review and approval Cc @WordPress/gutenberg-core |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Make sense 👍 Thanks for the sweep, and I'll add a note for myself to include this in the design guidelines.
…ess#65458) * Match visible label of search inputs with their actual label. * Adjust more tests. * Adjust more tests. Co-authored-by: afercia <afercia@git.wordpress.org> Co-authored-by: mirka <0mirka00@git.wordpress.org> Co-authored-by: jameskoster <jameskoster@git.wordpress.org>
Fixes #65235
What?
The visible label of some search inputs mismatches their actual accessible name.
This is a barrier for some users, most notably sighted screen reader users and voice control users.
Why?
Important
It is worth reminding a few principles:
I would like the principles above to be included in the design guidelines Cc @WordPress/gutenberg-design
How?
SearchControl
and other search inputs use the same text for the label and the placeholder.ria-labelledby
is meant to be user to point to visible text. See Visually hide the LinkControl initial/results heading #50977 (comment)Testing Instructions
Suggestions
Search results for "%s"
Testing Instructions for Keyboard
Screenshots or screencast