Make WordPress Core

Opened 16 years ago

Closed 16 years ago

Last modified 16 years ago

#8316 closed enhancement (fixed)

HTML orange for “Pending” gives bad contrast

Reported by: demetris's profile demetris Owned by:
Milestone: 2.7 Priority: normal
Severity: normal Version: 2.7
Component: Accessibility Keywords: needs-patch
Focuses: Cc:

Description

I don’t know if this orange for “Pending” is final or just a placeholder, but its contrast against white and off-white is bad (and much below the thresholds suggested by W3C).

I cannot find an orange that provides good contrast AND is sufficiently different from red, so I’m submitting a brown for consideration, at least as a temporary fix, to spare the eyes of poor beta testers. :-)

Attachments (4)

pending-brown-964b00.diff (1.0 KB) - added by demetris 16 years ago.
Replaces HTML orange (#ffa500) with brown (#964b00) in 3 CSS files
pending-orange-brown.png (13.9 KB) - added by demetris 16 years ago.
Before and after
pending-brown-964b00.diff.diff (1.1 KB) - added by demetris 16 years ago.
Replaces HTML orange (#ffa500) with brown (#964b00) in 3 CSS files
pending-gold.png (12.7 KB) - added by apeatling 16 years ago.

Download all attachments as: .zip

Change History (13)

@demetris
16 years ago

Replaces HTML orange (#ffa500) with brown (#964b00) in 3 CSS files

@demetris
16 years ago

Before and after

@demetris
16 years ago

Replaces HTML orange (#ffa500) with brown (#964b00) in 3 CSS files

#1 @westi
16 years ago

  • Component changed from General to UI
  • Keywords needs-patch added; has-patch removed
  • Owner anonymous deleted

-10 to brown.

I agree the orange can be difficult to see but brown does not give the correct visual indication.

#2 @iammattthomas
16 years ago

I think the red/orange/green colors are placeholders until exact shades are picked.

#3 @ryan
16 years ago

(In [9864]) Remove colors for Recent Comments moderation links. see #8316

#4 @janeforshort
16 years ago

I'm checking with Andy to see if he can get us a darker gold/orange to provide more contrast while maintaining the go/slow/stop metaphor.

#5 @apeatling
16 years ago

Here's more of a gold/orange version. I've actually toned down the green and red a bit so they all fit together better. What do you think?

Green: #006505
Gold: #d98500
Red: #bc0b0b

#6 @janeforshort
16 years ago

  • Type changed from defect to enhancement

Let's use Andy's revised colors. The gold could still use more contrast, I know, but it's only used in 2 places, and we can revisit in 2.8 when we start incorporating other color cues in admin.

#7 @demetris
16 years ago

The orange is better now, but the red is too dark and it does not represent well the obnoxiousness of spam. :-)

Orange against a light background is a difficult problem...

#8 @azaozz
16 years ago

  • Resolution set to fixed
  • Status changed from new to closed

(In [9940]) Acton links colors on dashboard, props apeatling, fixes #8316

#9 @ryan
16 years ago

  • Component changed from UI to Accessibility
Note: See TracTickets for help on using tickets.