[wp-trac] [WordPress Trac] #29158: Customizer UI Design lacks contrast for visual hierarchy and does not match wp-admin

[WordPress Trac]

#29158: Customizer UI Design lacks contrast for visual hierarchy and does not match
wp-admin
-------------------------------------------------+-------------------------
 Reporter:  celloexpressions                     |       Owner:  helen
     Type:  enhancement                          |      Status:  reviewing
 Priority:  normal                               |   Milestone:  Future
Component:  Customize                            |  Release
 Severity:  normal                               |     Version:  3.8
 Keywords:  has-screenshots needs-patch color-   |  Resolution:
  contrast                                       |     Focuses:  ui,
                                                 |  accessibility
-------------------------------------------------+-------------------------

Comment (by folletto):

 > I think we can probably get consensus on the border-left approach, and
 we should also incorporate the border-consistency changes

 Cool. Can you add a screenshot for the changes? I'm not sure I get what
 these entail. :)


 > We also need a solution for the back and close buttons - can we make a
 one-sided border feel right there? Maybe a border all the way around?
 They're a different case since it's one button at a time instead of a list
 of them. And they're also auto-focused, so the style can't be distracting.
 Maybe something like gray on focus and blue on hover could help, for
 whatever the visual marker ends up being?

 I think that's a separate issue: the initial state of the X button is
 causing a lot of troubles, and we should fix it not being auto-selected on
 open. There's a ticket for that in #33228 that I think should have
 priority and land before this one.

 Having finally the X not auto-selected would allow to have clearer,
 sharper styles and would stop forcing us to find a balance between active
 state visibility and too much visibility that is limiting for both the
 goals we are trying to achieve.

 Once #33228 lands, we can then proceed with a proper highlight state. :)

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