Opened 7 years ago
Last modified 2 years ago
#35659 assigned defect (bug)
Color contrast: audit all the oranges (colors!)
Reported by: |
|
Owned by: | |
---|---|---|---|
Milestone: | Future Release | Priority: | normal |
Severity: | normal | Version: | |
Component: | Administration | Keywords: | needs-patch has-screenshots color-contrast ui-feedback |
Focuses: | ui, accessibility | Cc: |
Description
See related #31713.
Orange is a difficult color and is hard to contrast to a sufficient level. Additionally, sometimes it's used on light gray backgrounds, e.g. the zebra-striped table rows.
Wondering if the best choice would be to simply use a different color.
See screenshot below with some examples:
Attachments (2)
Change History (21)
This ticket was mentioned in Slack in #design by afercia. View the logs.
7 years ago
This ticket was mentioned in Slack in #design by afercia. View the logs.
7 years ago
This ticket was mentioned in Slack in #accessibility by afercia. View the logs.
7 years ago
#6
@
7 years ago
- Keywords ui-feedback added
Needs a design decision about the color/s to use as a replacement for the oranges.
This ticket was mentioned in Slack in #core by chriscct7. View the logs.
7 years ago
#8
@
7 years ago
- Milestone changed from 4.5 to Future Release
No decision about the new colors to use yet and tomorrow is beta 4 day so, punting.
This ticket was mentioned in Slack in #design by kekkakokkers. View the logs.
7 years ago
#11
@
7 years ago
Im going to adress #d98500 used for unapprove link comments
Please see attachments: unapprove.png and approve.png
My suggestion is to remove the accent colors orange and green, and use two standard link colors: blue for Reply, Quick Edit and Edit , and red for Unapprove, Spam and Trash.
- There is a mix of actions and status changes, and hitting Reply on an unapproved comment will actually Reply and approve
- Both the orange and green is only used in this specific screen, and by removing these there will be less color combinations to validate for contrast
- Action links will be consistent with correspondent links for post and pages
More oranges-ish (almost reds) that need to be updated: