-
Notifications
You must be signed in to change notification settings - Fork 4.3k
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
Add missing tooltip to Site Editor navigation Back icon button #50104
Add missing tooltip to Site Editor navigation Back icon button #50104
Conversation
Size Change: +6 B (0%) Total Size: 1.37 MB
ℹ️ View Unchanged
|
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.
With the PR applied, the tooltip displays correctly also in the nested menus (like when a template part is selected).
Thank you.
Thanks. I guess we can split the following question to a separate issue, if need be:
|
Fxies #48211
What?
FIxes the remaining part of #48211 by adding the missing tooltip of the Bacl icon button.
Why?
Ideally, tor accessibility, text buttons are always preferable. When, for very good reasons, icon buttons are used then the button accessible name must be visually exposed in some way. Tooltips are a way to do that and are required for all icon buttons. Worth reminding that's already a compromise for accessibility as not all users may be able to access the tooltip in an easy way. At least, it's better than nothing.
To discuss:
When navigating into the sub-levels of the 'drill down' menu, focus is programmatically set on the Back button. That makes the tooltip appear each time when entering a navigation sub-level. To me, that's fine. However, if that's not desirable, we should make a decision about an alternative spot where focus should land. Keeping in mind that:
I think the focus management should be double checked a bit anyways. Seems to me the last fallback isn't entirely correct.as th efallback element is not a focusable element.
How?
Changing the
aria-label
prop tolabel
does the magic.Testing Instructions
Testing Instructions for Keyboard
See above.
Screenshots or screencast