[wp-trac] [WordPress Trac] #27403: Improve UI for linking areas of Customizer preview to corresponding controls (desktop and mobile)

[WordPress Trac]

#27403: Improve UI for linking areas of Customizer preview to corresponding
controls (desktop and mobile)
-------------------------+--------------------------------------------
 Reporter:  westonruter  |       Owner:
     Type:  enhancement  |      Status:  new
 Priority:  normal       |   Milestone:  4.7
Component:  Customize    |     Version:  3.9
 Severity:  normal       |  Resolution:
 Keywords:  needs-patch  |     Focuses:  ui, accessibility, javascript
-------------------------+--------------------------------------------

Comment (by celloexpressions):

 A couple of additional comments with testing:
 - I'm back to thinking we need some sort of a toggle for another reason -
 if this causes layout issues on some themes (Twenty Seventeen's header
 menu currently is an example), that would mitigate the issues there
 without having to add theme support.
 - Is there a good way to show icons for empty widget areas? That's an
 important point for discoverability.
 - Focusing the menu location selector is a great approach for menus for
 now, since there's a link from there and the partial is more directly tied
 to that than the menu itself anyway.
 - Add `type="button"` for the button elements.
 - Add an aria-label to each button, if possible that includes the label of
 the associated control.
 - The buttons need a better focus style, with something other than color
 changes. Probably a blue outline/box-shadow as is used elsewhere in core.

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