Accessibility · official-source review · reviewed 2026-10-09
Contrast fixes get reverted when the failing pairs were never written down with their required ratios.
Record foreground and background pairs with their ratios and mark each pass or fail against WCAG 2.2.
Designers and developers documenting contrast decisions.
Use the source document or official route that applies to your situation. This guide does not contact another person or verify external information.
Sample the true foreground and background colors in the browser.
Measure the contrast ratio with a contrast checker.
Apply 4.5:1 for normal text and 3:1 for large text.
Log every failing pair with its component and the date.
Body text at 7.1:1 passes the 4.5:1 minimum. A muted caption at 3.2:1 fails and is logged for a fix.
Use your own source and details. The example is not a record about a real person or organization.
World Wide Web Consortium, Web Accessibility Initiative · reviewed 2026-10-09
What this source supports: WCAG 2.2 sets minimum contrast ratios for normal and large text.
Source limit: Contrast is one part of accessible design. Pair it with clear labels and focus styles.
These sources support the statements above. They do not show that every person needs this guide. They do not show a specific result.
This guide records ratios you measured elsewhere. It does not sample pixels, pick colors, or certify a page.
Contrast is one part of accessible design. Pair it with clear labels and focus styles.
Use current instructions from the responsible organization. This guide is a planning aid, not an official decision or a substitute for qualified advice.
Compare measured contrast ratios with the WCAG 2.2 minimums and produce a pass-or-fail log line.
This App compares ratios you measured. It does not sample colors, compute ratios from hex values, or certify compliance.
You enter every number yourself. The sources support the method and the limits. They do not produce a result for your specific case. Keep the original documents next to the sheet you build.
The App computes the worked example with your own numbers, in your browser.
APP 1
Compare measured contrast ratios with the WCAG 2.2 minimums and produce a pass-or-fail log line.
Free · no account · no upload
Open Contrast Ratio Note BuilderThe App runs in this browser. It does not send or save entries. Copy, download, or print only when you choose.
This guide uses short, direct instructions as an ASD-STE100-style writing target. It is not a formal certification.
Companion App: Contrast Ratio Note Builder. It runs in this browser and does not upload your entries.
This guide is edited for clarity and checked against the sources it links. It is not a substitute for official instructions or qualified advice. A linked source does not show that every person needs this guide.