Briefle words · UI design
WCAG AA
The widely used accessibility standard that asks for at least 4.5:1 contrast for normal text and 3:1 for large or bold text and UI shapes.
Say it to an AI
Trial-ending warning banner inside the invoicing app. Use a pale amber tinted surface with dark amber/brown text and icon, and a deep amber button with white text. Every element must pass WCAG AA contrast ratio: 4.5:1 for text, 3:1 for the icon and button shape.
How an expert would brief the stronger version of “Trial warning banner”.
See it
Try it as a puzzle →In-app warning banner for an invoicing tool whose free trial is ending.
Why: Every text element in A passes AA, including white on the #B45309 button (about 5:1); nothing in B does.
Related words
Room 4 · Color
Learn “WCAG AA” in a five-minute lesson