[wp-trac] [WordPress Trac] #50696: UI issue in customizer menus section

[WordPress Trac]

#50696: UI issue in customizer menus section
-------------------------------------+-------------------------------------
 Reporter:  dilipbheda               |       Owner:  (none)
     Type:  defect (bug)             |      Status:  new
 Priority:  normal                   |   Milestone:  Future Release
Component:  Customize                |     Version:  5.5
 Severity:  normal                   |  Resolution:
 Keywords:  has-screenshots needs-   |     Focuses:  ui, accessibility,
  patch needs-design                 |  css, administration
-------------------------------------+-------------------------------------
Changes (by celloexpressions):

 * keywords:  has-screenshots has-patch => has-screenshots needs-patch
     needs-design
 * focuses:  ui, css, administration => ui, accessibility, css,
              administration
 * milestone:  Awaiting Review => Future Release


Comment:

 I cannot reproduce the add button alignment issue. I can confirm the box-
 shadow issue, although the exact display is variable depending on the
 browser. The issue is that the "invalid" styling (`border: 1px solid
 #d63638;`) conflicts with the focus styling (blue box-shadow).

 We need to maintain a visually distinct focus style even when the field is
 invalid. [attachment:"50696.2.patch"] won't create enough of a distinction
 for this focus style. I would suggest using a different style for the
 invalid state, perhaps with a user notification for improved
 accessibility.

 Can the design or accessibility teams weigh in on a preferred pattern for
 this?

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