Contrast Checker (WCAG)

WCAG 2.1 AA requires: normal text → 4.5:1, large text (18pt+ or 14pt+ bold) → 3:1, UI components and graphical objects → 3:1. Level AAA requires 7:1 for normal text and 4.5:1 for large text. Most public websites are legally required to meet AA.

It depends on the button color. White on medium blue (#3b82f6) gives 3.3:1 — AA pass for large text only. White on dark blue (#1d4ed8) gives 5.9:1 — AA pass for normal text. Always check your specific brand color. Dark text on light backgrounds generally gives better ratios.

AA (4.5:1) is the standard conformance level required by most accessibility laws. AAA (7:1) is the enhanced level for users with low vision. AAA is very difficult to achieve across a full brand palette and is generally not legally required. Aim for AA on all text; AAA where feasible.

Disabled UI components are explicitly exempt. Placeholder text is a grey area — WCAG 1.4.3 doesn't technically require it, but WCAG 2.2 guidance recommends treating it as text. For usability, always ensure placeholder text is legible.