Improve the "dismiss notice" button color contrast
|Reported by:||afercia||Owned by:||rianrietveld|
|Component:||Administration||Keywords:||has-screenshots color-contrast good-first-bug has-patch|
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:
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:
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:
Change History (12)
- Keywords good-first-bug added
- Milestone changed from Awaiting Review to Future Release
- Owner set to rianrietveld
- Status changed from new to assigned