[wp-trac] [WordPress Trac] #40678: Editing menus in WP admin for blind people

[WordPress Trac]

#40678: Editing menus in WP admin for blind people
--------------------------+----------------------------
 Reporter:  juliemoynat   |       Owner:
     Type:  defect (bug)  |      Status:  new
 Priority:  normal        |   Milestone:  5.0
Component:  Menus         |     Version:
 Severity:  normal        |  Resolution:
 Keywords:  has-patch     |     Focuses:  accessibility
--------------------------+----------------------------
Changes (by audrasjb):

 * keywords:  needs-patch good-first-bug => has-patch


Comment:

 Hi @juliemoynat @afercia

 I worked on the first step on this big ticket :)

 So, here are all the things I patched:
 - for tabs at the top (“Edit menus” and “Manage locations”): remove the
 “h2” tag and use an unordered list (“ul”) with an “aria-label” attribute
 that would tell “Main tabs for editing menus”
 - add a title before each block: for left column, this could be “Choose
 which links you want to have in your menu”, for right column, this could
 be “Change parameters for the links you added in your menu (order, label,
 title…)”
 - add a screen reader text to “Add to menu” button, like “(after that,
 don’t forget to active “Save menu” button)”
 - add a screen reader text to links in the right column (just like in the
 left one): “Press return or enter to open this section”
 - add a screen reader text after the 2 first tabs, in a paragraph that
 would tell users something like “don’t forget to active “Save menu” button
 to save all your modifications”. So, if they don’t find that button, they
 could search it with their screen reader thanks to its name.

 I didn't succeed to fix this one since it's dependant to a JS file which
 is used on several places. Caution: may be a breaking change.
 -> for all tabs: add a screen reader text on the active one “(current
 tab)”

 Feel free to ask for changes/fixes – but I ''know'' you will ;)

 Cheers,
 Jb

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