Make WordPress Core

Opened 5 years ago

Last modified 5 years ago

#23513 closed defect (bug)

Twenty Thirteen color contrast should aim for 4.5:1 — at Version 3

Reported by: jorbin Owned by:
Milestone: 3.6 Priority: normal
Severity: normal Version:
Component: Bundled Theme Keywords: has-patch close
Focuses: Cc:

Description (last modified by sabreuse)

With a more complex color palette than the previous black (or gray) on white default themes, we will have to check contrast ratios more carefully, with a goal of 4.5:1 as recommended by WCAG 2.0 accessibility guidelines. For example:

The contrast between the beige and orange is a bit low. The ratio is currently 3.2:1 with f94a0a being the orange, If we switch to CA3C08, then we can bump the ratio to 4.6:1.

Even against white (#fff), the ratio is only 3.5:1.

Why is this important:

http://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-contrast.html explains why 4.5:1 is a minimum that we should aim for. Essentially it greatly will increase the readabilty for people with low visual acuity (roughly people with 20/40 vision).

http://leaverou.github.com/contrast-ratio/ was used to check the ratios.

Since we're likely to have multiple contrast fixes, let's collect them all in this ticket.

Change History (5)

5 years ago

#1 @jorbin
5 years ago

  • Keywords has-patch added

#2 @SergeyBiryukov
5 years ago

#23512 was marked as a duplicate.

5 years ago

Screenshot with ca3c08 instead of f94a0a

#3 @sabreuse
5 years ago

  • Description modified (diff)
  • Summary changed from Twenty Thirteen contrast between orange and beige is low to Twenty Thirteen color contrast should aim for 4.5:1
Note: See TracTickets for help on using tickets.