-
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
Visually hide the LinkControl initial/results heading #50977
Conversation
Size Change: -18 kB (-1%) Total Size: 1.39 MB
ℹ️ View Unchanged
|
Flaky tests detected in 9c9fd3f. 🔍 Workflow run URL: https://github.com/WordPress/gutenberg/actions/runs/5124103998
|
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.
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.
Overall this looks good. Just a small questions about the a11y implications of just using the term Links
here as opposed to a more descriptive label.
packages/block-editor/src/components/link-control/search-results.js
Outdated
Show resolved
Hide resolved
* Use VisuallyHidden for the heading * Remove unnecessary styles * Use "Suggestions" instead of "Links" * Update Recently updated title to match Suggestions title in unit tests --------- Co-authored-by: Jerry Jones <[email protected]>
By making the visual label always visually hidden, this PR violates the best practices for gutenberg/packages/block-editor/src/components/link-control/search-results.js Lines 50 to 52 in c754c78
Will fix in the context of #65235 |
What?
Part of #50885 to make the LinkControl simpler.
Uses VisuallyHidden in the similar fashion in how search results are presented within the Block Inserter. Also changes the text to "Links" instead of "Recently updated" as the results consists of all sorts of links - with varying defaults.
Testing Instructions
Screenshots or screencast