Text Contrast Accessibility
Ensuring sufficient contrast between text and its background per WCAG so everyone can read it.
The five levels
Each anchor describes what separates one level from the next — not a general description of quality. This is the text the evaluator itself reads.
-
Level 1 Below Standard
Text below the AA threshold, hard for many to read.
Example Light grey on white at 2.5:1.
-
Level 2 Approaching
Most text passes AA but key elements fail.
Example A primary button with low-contrast text.
-
Level 3 At Standard
All text passes AA (4.5:1 normal, 3:1 large).
Example Text clearly legible on every background.
-
Level 4 Above Standard
AAA contrast in primary text with intentional grading that serves hierarchy.
Example AAA body and AA secondary, deliberately distinct.
-
Level 5 Excellence
A complete contrast system uniting full accessibility with graceful grading.
Example Every text level with a measured contrast serving its role.
Where does your own work sit on these levels?
Submit one work to be read against this criterion alone: your position across the five levels, why you are not higher and why not lower, three literal quotes from your own work, and one exercise with its success check. Your first card is free.
Price: 7 SAR · Included in Pro & Artist Plus · First one free — Pricing details
Read my work by this criterionOther criteria in the same art
Guiding viewer's eye with clear visual priorities
The five levels →Correct connection and shaping of Arabic letters without breaking or distortion, with awareness of script and kashida as an aesthetic decision.
The five levels →Laying out right-to-left for Arabic content: direction, alignment, and mirroring of directional elements.
The five levels →Guiding the viewer's gaze along a defined path (entry point, then secondary content, then call to action) using size, contrast, and position together.
The five levels →Using empty space as active design element, not waste
The five levels →Selecting harmonious color palette expressing identity or message
The five levels →Aligning element positions to a grid and alignment lines that give the design order
The five levels →Using differences in size, color, and weight to build distinction and focus
The five levels →