[wp-trac] [WordPress Trac] #47153: Field boundaries have insufficient color contrast

[WordPress Trac]

#47153: Field boundaries have insufficient color contrast
-------------------------------------------------+-------------------------
 Reporter:  anevins                              |       Owner:  audrasjb
     Type:  task (blessed)                       |      Status:  reopened
 Priority:  normal                               |   Milestone:  5.3
Component:  Administration                       |     Version:
 Severity:  minor                                |  Resolution:
 Keywords:  has-screenshots wpcampus-report      |     Focuses:  ui,
  color-contrast form-controls has-patch 5-3     |  accessibility
  -admin-css-changes                             |
-------------------------------------------------+-------------------------

Comment (by afercia):

 > minor css issue w/ height discrepancy between the Bulk Actions select
 and the Apply button, occurs only on mobile.

 > Quick Edit Date "Select" too tall (on mobile)

 > Quick Edit "Select" too tall (on desktop, Safari)

 Thanks :) Seems to me those happen also on 5.2 and all previous versions.
 Existing inconsistencies between elements: `.small-text` inputs have a
 different height, on mobile some form controls and the buttons have
 different heights, etc. FYI it happens also with input fields and buttons.

 We can certainly try to do out best to fix these inconsistencies but
 they're a bit out of the scope of the contrast and focus improvements.
 Working on #47477 I noticed several existing issues related to different
 heights. I'd tend to think this should be addressed in a separate effort,
 planning well in advance the values for the small / normal / large sizes
 and how they should behave on mobile. For example, on mobile the small /
 normal / large ''button'' sizes change all to a height of 32 pixels. Makes
 sort of sense but all the other form controls have different heights... :)

 Aside: I'm using https://github.com/helenhousandi/wp-style-guide which
 helps checking most of the form controls. It's a bit old (throws a notice,
 doesn't list all the form controls / buttons variations). The more I dive
 into these CSS changes the more I think it would be great to revive this
 plugin and use it as tool for any future UI development.

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