[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:  defect (bug)                         |      Status:  reopened
 Priority:  normal                               |   Milestone:  5.3
Component:  Administration                       |     Version:
 Severity:  minor                                |  Resolution:
 Keywords:  needs-post-mortem has-screenshots    |     Focuses:  ui,
  wpcampus-report color-contrast form-controls   |  accessibility
  has-patch 5-3-admin-css-changes                |
-------------------------------------------------+-------------------------
Changes (by afercia):

 * type:  enhancement => defect (bug)


Comment:

 > I'm sorry but this doesn't seem to work well. I don't consider myself to
 be "Cognitively Impaired" but I do have "Low-Vision" and this change makes
 it harder for me to read text in these fields and also to enter text.
 Generally typing in small boxes that have very dark boundaries makes it
 difficult to see well and causes my eyes to strain more than usual.

 I'm sorry but I do have low vision as well, I guess a bit more serious
 than you :) By the way this is not a competition on who of us has the
 worse eyesight lol. In the current WordPress 5.2 admin I really struggle
 to see where input fields boundaries are. Regardless, this is a personal
 feedback as well as yours one is a personal feedback.

 > I'm not sure where this part comes from and how it was tested:

 **WCAG 2.1 Success Criterion 1.4.11 Non-text Contrast**
 https://www.w3.org/TR/WCAG21/#non-text-contrast

 Basically: any UI controls must have a contrast ratio of at least 3:1
 against adjacent color(s).

 I'd like to remind everyone that the WCAG recommendations are not personal
 opinions. As @joedolson well said recently, there is a reason that we try
 and conform to the principles in WCAG guidelines; and that is because
 they're based on research, rather than on personal preference; personal
 preference is generally not a good criteria to base decision making on.

 I'd add that they come from years and years of research and user testing
 from the most renowned experts on the field. They really don't need ad-hoc
 user testing: they're standards.

 > Also, this ticket is only for the media modal, why do we suddenly have
 dark borders on all text fields in wp-admin?

 I'd like to remind this ticket was ported from the GitHub issue created
 after the WPCampus report on the Gutenberg accessibility. The WPCampus
 report focused (and was contracted for that) only on Gutenberg. They
 audited all the screens they were able to reach from the Gutenberg UI
 including the Edit Media page in this specific case. They were not
 contracted to audit other parts of WordPress nor they are supposed to know
 what part of the UI pertains to Gutenberg or to the WordPress legacy
 admin.

 That said, the contrast ratio principle applies to all UI controls. I'm
 not sure I understand your point. Changing only the contrast of the input
 fields in the Edit Media page wouldn't make sense because the contrast
 problem applies to ''all'' the admin. See comment:1.

 See also #47150 and previously: #44749, #44606, #38150, #35596.

 Specifically, #44606 was opened 15 months ago and #35596 4 years ago as
 bugs.

 This ticket being a bug, I'd like to change it back to "bug". Worth noting
 it was changed to "blessed task" by the accessibility focus lead for this
 release cycle to allow to iterate and address potential edge cases. See
 comment:41.

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