Classic block: TinyMCE tooltips are not displayed on focus #6193
Labels
[Block] Classic
Affects the Classic Editor Block
[Focus] Accessibility (a11y)
Changes that impact accessibility and need corresponding review (e.g. markup changes).
TinyMCE displays its own tooltips for its buttons just on
mouseover
, see https://github.com/tinymce/tinymce/blob/6b1c354e63ef0c01314b44a7c7115c433a1b8fb3/src/core/src/main/js/ui/Widget.js#L46However, in Gutenberg, all controls including the blocks formatting toolbars display their tooltips also on focus. That's for good accessibility reasons, as the accessible name of an UI control must be exposed and discoverable, at least with a tooltip, also for keyboard users.
Aside: the Classic block toolbar at the moment is not accessible with a keyboard, see #6118 / #6163
For consistency and accessibility reasons I'd strongly recommend to make the TinyMCE tooltips appear also on focus. Not sure if this would be better handled upstream or if there's a way to override some TInyMCE behaviors. /Cc @azaozz @iseulde
The text was updated successfully, but these errors were encountered: