Twenty Thirteen: color contrast should aim for WCAG2 level AA compliance — at Version 10
|Reported by:||jorbin||Owned by:|
|Component:||Bundled Theme||Keywords:||has-patch close|
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 for body text, and 3:1 for large text, 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 (12)
- 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
comment:7 @lancewillett — 2 years ago
- Summary changed from Twenty Thirteen color contrast should aim for 4.5:1 to Twenty Thirteen: color contrast should aim for 4.5:1