[wp-trac] [WordPress Trac] #33031: Fix accessibility for the Keyboard Shortcuts help dialog

[WordPress Trac]

#33031: Fix accessibility for the Keyboard Shortcuts help dialog
--------------------------+----------------------------
 Reporter:  azaozz        |       Owner:  azaozz
     Type:  defect (bug)  |      Status:  closed
 Priority:  normal        |   Milestone:  4.3
Component:  TinyMCE       |     Version:  trunk
 Severity:  normal        |  Resolution:  fixed
 Keywords:                |     Focuses:  accessibility
--------------------------+----------------------------

Comment (by afercia):

 Replying to [comment:10 azaozz]:
 > Adding `role="tab"` to the scrollable wrapper seems to fix this. Not
 sure if that breaks something else for screen readers.
 Yup, adding [https://cldup.com/Bg0UG0DTii.png any of the roles listed
 here] would make an element be included in the focusable elements index
 built by TinyMCE. By the way "role=tab" also adds a semantic meaning and
 screen readers would announce a tabbed interface, expecting more than one
 tab. NVDA announces "tab selected one of one".
 Also, noticed NVDA goes in "forms mode" when it finds a tabbed interface
 and this is potentially confusing for users, I'd recommend to remove the
 tab role.

 [[Image(https://cldup.com/Bg0UG0DTii.png)]]


 About the editor patterns characters:
 > Is there anything other we can add to make screen readers "read" these?
 Perhaps some aria attr?
 I'm afraid screen readers are not so sophisticated :) Some characters are
 interpreted as punctuation and depending on the screen reader used and
 verbosity settings they may be ignored.
 Even when reading content "by character", for example using left and right
 arrows in NVDA they get read out in a way that's a bit difficult to
 understand:
 > star space dash
 > one dot space one right parens
 > greater
 > number number
 > number number number
 > number number number number
 > number number number number number
 > number number number number number number

--
Ticket URL: <https://core.trac.wordpress.org/ticket/33031#comment:12>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform