Accessible Color contrast

HTML Coding for accessibility


14. Color contrast

All color combinations must pass the WCAG 2.0 AA-compliant color contrast check in accordance with the Snook color contrast checker.

This is a ratio of 4.5:1 for text 18pt or less in size, and 3:1 for text larger than 18pt or text that is bold and larger than 14pt.

Where it cannot be adapted, stylised text used in pre-existing broadcast logos and branding is exempt from this requirement.

14.1 Rationale

If there is sufficient contrast between foreground and background colors, particularly between text and its background but also applicable to the keys of graphs and similar, then users with moderately low vision or with color deficiencies that affect contrast to a minor degree are more likely to be able to access AHA/ASA content without requiring additional assistive technologies.

14.2 Techniques

n/a

14.3 Tests

Procedure Expected Result Type
Test every foreground and background color combination against the Snook color contrast checker Every combination must pass against the WCAG 2.0 AA standard Manual / Tool

Leave a Comment