[wp-trac] [WordPress Trac] #39970: Improve the "dismiss notice" button color contrast

[WordPress Trac]

#39970: Improve the "dismiss notice" button color contrast
------------------------------+--------------------------------------------
 Reporter:  afercia           |      Owner:
     Type:  defect (bug)      |     Status:  new
 Priority:  normal            |  Milestone:  Awaiting Review
Component:  Administration    |    Version:
 Severity:  normal            |   Keywords:  has-screenshots color-contrast
  Focuses:  ui,               |
  accessibility               |
------------------------------+--------------------------------------------
 Most of the notices in the admin have a "Dismiss notice" button. Other UI
 components use similar buttons, for example the media views when there is
 an upload error (see screenshots below).

 These buttons color contrast ratio is too low for accessibility. It would
 be great to improve it to get a contrast ratio of at least 4.5:1. On a
 white background, the `#72777c` WordPress grey would make it.

 Example: the dismiss notice button when updating a post:

 [[Image(https://cldup.com/UpfetiZg93.png)]]

 Also, it could be a good opportunity to fix an edge case in the media
 modal. When adding media from the edit post screen and there's an upload
 error, no "dismiss errors" button gets displayed. However, the button is
 there and is functional. It's just completely unstyled:

 [[Image(https://cldup.com/JfxHZEHoPk.png)]]

 While it's not visible, it can still be focused and activated when using a
 keyboard or a screen reader. Not sure it this is intentional, but I'd say
 if this control isn't essential in this context, then it should be
 completely hidden from all users. Otherwise, it should be styled.

 Worth noting the same button in the Media Library grid has a proper
 styling:

 [[Image(https://cldup.com/d5n2vul1pz.png)]]

--
Ticket URL: <https://core.trac.wordpress.org/ticket/39970>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform