Search inputs: avoid unnecessary mismatch between visible label and accessible name #65235
Open
2 tasks done
Labels
[Focus] Accessibility (a11y)
Changes that impact accessibility and need corresponding review (e.g. markup changes).
[Status] In Progress
Tracking issues with work in progress
[Type] Bug
An existing feature does not function as intended
Description
Similar to #65112
See the above issue for more context.
When possible, the visual labeling of controls should match the actual accessible name (provided for example by a visually hidden
<label>
element, or anaria-label
oraria-labelledby
attributes).All the search inputs in the editor should be audited and any mismatch avoided.
As an example, the Search input in the Styles panel > Blocks is visually labeled via its placeholder attribute. This is already arguable, as placeholders should not be used as replacement for labels.
Search
.Search for blocks
.While the added context may help blind screen reader users, it doesn't help other users and may even be an accessibility barrier, for example for sighted screen reader users and speech recognition / voice control users.
Step-by-step reproduction instructions
Search
.<label>
element isSearch for blocks
.Screenshots, screen recording, code snippet
No response
Environment info
No response
Please confirm that you have searched existing issues in the repo.
Please confirm that you have tested with all plugins deactivated except Gutenberg.
The text was updated successfully, but these errors were encountered: