[wp-trac] [WordPress Trac] #31522: Quicktags: use aria-label to improve accessibility

[WordPress Trac]

#31522: Quicktags: use aria-label to improve accessibility
------------------------------+----------------------------------------
 Reporter:  afercia           |       Owner:  afercia
     Type:  defect (bug)      |      Status:  assigned
 Priority:  normal            |   Milestone:  4.3
Component:  Editor            |     Version:  4.1
 Severity:  normal            |  Resolution:
 Keywords:  has-patch commit  |     Focuses:  accessibility, javascript
------------------------------+----------------------------------------

Comment (by afercia):

 Ops, yeah the order of arguments! My bad :( Will ask the accessibility
 team if there's any chance to have some users feedback about the labeling.
 I got your point, they're HTML tags "snippets" (when no selection) but
 more a "make this bold" thing when there is a selection. So when there is
 a selection I'm not sure about using something like 'less-than slash bee
 greater-than'. Tricky to solve.

 > Can you check if 31522.3.patch works as expected?
 Works like a charm :)

 Worth considering some more things to improve the quick tags experience,
 will open new tickets if they don't have one already:
 - was thinking to group the buttons in a `fieldset` and use a legend to
 give users a short description
 - the help tab should have some description or at least a direct link to
 the codex page
 https://codex.wordpress.org/Posts_Add_New_Screen#Visual_Versus_Text_Editor
 Worth noting that page should be updated, still refers to accesskey
 attributes (removed in [changeset:"29878"]) not to mention I really don't
 know what an "accesskey JavaScript attribute" is. Well, typos happen :)
 will update.
 - wondering if we can have the link to the codex page inside the legend
 - #31661 and @Cheffheid effort to improve text selection with the keyboard
 - our discussion a while ago about having parity with TinyMCE: the toolbar
 should be initially out of tab order then `Alt+F10` should focus the
 toolbar and bring the buttons back in the tab order

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