[wp-trac] [WordPress Trac] #31336: Customizer: separate navigation from options UI for better UX by removing accordion behavior

[WordPress Trac]

#31336: Customizer: separate navigation from options UI for better UX by removing
accordion behavior
------------------------------+---------------------------------
 Reporter:  celloexpressions  |       Owner:
     Type:  enhancement       |      Status:  new
 Priority:  normal            |   Milestone:  4.2
Component:  Customize         |     Version:  4.0
 Severity:  normal            |  Resolution:
 Keywords:  has-patch         |     Focuses:  ui, administration
------------------------------+---------------------------------

Comment (by celloexpressions):

 Replying to [comment:2 ocean90]:
 > * After adding a new widget I get this: https://cloudup.com/iM66LRgWy54
 As do I, which is the same issue as mentioned above where something goes
 horribly wrong when a widget control is expanded (since adding a widget
 triggers expanding it). I couldn't figure out why, but I'm guessing
 westonruter may have an idea.
 > * Keyboard a11y: Between the back arrow and the help icon is something
 focusable. After pressing return I get this:
 https://cloudup.com/iTmkVjIK765
 We should probably move focus to the back button for sections (right now
 it stays on `.accordion-section-title`, so you have an extra tab).
 > * a11y: After a slide there is no indication that the back element has
 focus.
 It actually doesn't have focus, per above :) But we do need some
 focus/hover styling for that element, probably matching the top-level
 hover states.
 > * Should the available widgets panel still breaking out? Some user tests
 would help, I think.
 I'd say definitely, when the screen is large enough. For the user, seeing
 the widget added to the sidebar (popping in at the bottom) right after you
 clicked it is comforting ("ok, that worked"). It also creates issues
 around adding multiple widgets at once, and we'd definitely want it to be
 a separate bump-out panel for menus when that happens.
 > * Context lost? The "You are customizing" header is not visible anymore
 if you open a section. I've noticed this while editing a single sidebar
 (Am I still editing widgets?). Not sure if this is a real issue.
 Maybe we could prefix the section title with the panel title in the sub-
 panel? "Widgets: Sidebar" or "Menus: Theme Locations", for example.

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