Skip to main content

Cornell University

Web Accessibility Reviews

Category: Color

Tests about color contrast and the use of colors on the page.

Related Guidelines
30 1.4.1 Use of Color (A) Color may not exclusively distinguish between plain text and interactive text or distinguish one type of content from another without a 3:1 color contrast difference.
31 1.4.1 Use of Color (A) Color may not exclusively identify content or distinguish differences in any content (e.g. Red items are invalid, Green items are valid)
33 1.4.3 Contrast (Minimum) (AA) Large-scale (24px or 19px bold) text must have a color contrast ratio of 3:1. Logos, inactive components, and pure decoration excluded.
34 1.4.3 Contrast (Minimum) (AA) Non Large-scale text must have a color contrast ratio of 4.5:1. Logos, inactive components, and pure decoration excluded.
39 1.4.11 Non-text Contrast (AA) Active user interface components must meet a 3:1 color contrast ratio. (This includes buttons, inputs, custom focus indicators, dropdowns, checkboxes, and radio buttons.)
40 1.4.11 Non-text Contrast (AA) Graphical objects that describe important content must meet a 3:1 color contrast ratio; except flags, real-life imagery, branding, reference screencaps, and heatmaps.