--- title: "What Is Color Contrast?" url: https://guavawebcompliance.com/articles/what-is-color-contrast description: "Color contrast is the measured brightness gap between text and background. WCAG's minimum ratio, why it matters for low vision, and the ADA complaints that plead it by name." published: 2026-07-25 updated: 2026-07-25 --- Hold a phone up in bright sun and try to read light-gray text on a white background. The letters are there. They just won't resolve — the tone of the text sits too close to the tone behind it for your eye to separate the two. Color contrast is that separation, measured: how much the brightness of text differs from the brightness of what's behind it. WCAG sets a minimum so the separation is enough for people to read, not just enough for a designer to see it looks fine on a calibrated monitor. ## Why it matters The rule covers more than screen glare. Someone with low vision, color blindness, or an aging eye needs a bigger gap between text and background than someone with average sight — a gap a designer with neither condition, checking their own screen, has no reason to notice is missing. Push the gap too thin and the words are technically on the page and functionally gone: a price, a warning, a "the field is required" error message that a straining reader has to squint at or give up on. ## What it looks like In May 2026, a Florida woman named Norma Gazonni sued Build-A-Bear Workshop over its website. Her complaint lists the barriers she says she hit, and one of them is this, by name and by number: > **Visual Contrast and Scaling (WCAG 2.1, Success Criterion 1.4.3 and 1.4.4)** – The Website's background, text, and product images lack sufficient color contrast, impairing visibility for users with low vision. It appears as item (d) in her list of alleged barriers, tied by number to 1.4.3, the contrast criterion. (The same item alleges a missing zoom and text-resize feature under 1.4.4, which is a separate rule about resizing text.) She has company. Search the federal court filings that anyone can read for free in the RECAP archive, and **84 ADA dockets plead both "color contrast" and "WCAG"** — though that's fewer businesses than it sounds like, because a handful of repeat plaintiffs filed most of them. In *Ayala v. Penzeys*, a 2025 case in Manhattan, contrast sits in a list of barriers the plaintiff says left him facing challenges reaching the checkout page. In *Johnson v. Intel*, the complaint names color contrast among the code fixes it wants a court to order. Our own scanning turns it up too: a color-contrast failure hit all 12 real-estate brokerage sites in [a template study we ran](https://guavawebcompliance.com/articles/real-estate-property-search-ada-risk) — about what you'd expect from a defect that stays invisible to whoever picked the colors. ## How it's fixed WCAG sets an actual number, checkable with a free tool in seconds: at least 4.5:1 between text and its background for ordinary body text, 3:1 for large text (18-point type, or 14-point bold). The fix is usually a one-line change to a stylesheet — darken the gray, deepen the brand color, swap the background. Made once, it holds everywhere that color gets reused, which is exactly why one bad choice in a template shows up on every page built from it. Want to know if your own site has this gap? [Run it through our free report](https://guavawebcompliance.com/free-scan) — no login, no credit card, no sales call. --- ## The fine print - **A lawsuit is an allegation, not a finding.** Build-A-Bear, Penzeys, and Intel were sued in the cases described above. None has been found to violate the ADA, and what's quoted here is a plaintiff's complaint, not a court's conclusion. The *Penzeys* docket was terminated three months after filing without recording on what terms; the other two showed no termination date when we read them. - **What the 84 counts.** Federal dockets under nature-of-suit code 446 whose publicly readable filings contain both phrases, searched 2026-07-25, with filing dates from 2016 to 2026. **RECAP only holds documents somebody paid to unlock and contributed**, so it covers a fraction of the real federal docket: 84 is a floor with no knowable denominator. It cannot be turned into a rate, a share, or a per-year figure — the filings are not spread evenly across those years. - **The 84 is concentrated in repeat filers, and 446 is broader than websites.** A single plaintiff accounts for 21 of the 84 dockets, ten of them filed on one day with near-identical barrier lists. So the number describes how often the barrier gets *pled*, largely by a few plaintiffs' firms working from a shared template — not how many independent businesses have litigated it. Code 446 is ADA non-employment generally, so the 84 also includes a handful of Title II cases against public entities (an elections board, a community college district) alongside the Title III website suits. And in roughly a third of them (26 dockets), the phrases appear in an exhibit, declaration, expert report, or brief filed by either side rather than in a complaint. - **Our brokerage figure is a floor, from a small, purposive sample.** 12 sites, chosen because a template vendor features them in its own showcase — not a random sample of real estate sites, and not a claim about how common this is industry-wide. - **A scan sets a floor, not a ceiling.** Automated tools measure contrast ratios precisely, but they can't judge every visual case — text over a busy photo, a gradient background — the way a person can. The real count on any site is at or above what a scanner finds. - **WCAG 2.1** covers this under [Success Criterion 1.4.3, Contrast (Minimum)](https://www.w3.org/TR/WCAG21/#contrast-minimum) — the standard courts reference in ADA website cases, not one any court has adopted as binding law. The criterion carries exceptions this piece doesn't cover, including incidental text and logotypes. - **We're not lawyers, and this isn't legal advice.** ### Sources - **U.S. District Court, S.D. Fla.**, Complaint, *Gazonni v. Build-A-Bear Workshop, Inc.*, No. 1:26-cv-23188-JEM, ECF No. 1, filed May 5, 2026 — https://storage.courtlistener.com/recap/gov.uscourts.flsd.713621/gov.uscourts.flsd.713621.1.0.pdf - **U.S. District Court, S.D.N.Y.**, Class Action Complaint, *Ayala v. Penzeys, Ltd.*, No. 1:25-cv-01926-MKV, ECF No. 1, filed Mar. 7, 2025 — https://storage.courtlistener.com/recap/gov.uscourts.nysd.638241/gov.uscourts.nysd.638241.1.0.pdf - **U.S. District Court, S.D.N.Y.**, Class Action Complaint, *Johnson v. Intel Corp.*, No. 1:25-cv-10193-LJL, ECF No. 1, filed Dec. 9, 2025 — https://storage.courtlistener.com/recap/gov.uscourts.nysd.654386/gov.uscourts.nysd.654386.1.0.pdf - **CourtListener/RECAP**, full-text search of federal filings, nature of suit 446, run 2026-07-25 — https://www.courtlistener.com/ - **W3C**, Web Content Accessibility Guidelines (WCAG) 2.1, Success Criterion 1.4.3 — https://www.w3.org/TR/WCAG21/#contrast-minimum - Guava's own brokerage-template scan, 2026-07-20 — methodology published in "[Have You Checked Your Listings Pages for ADA Accessibility?](https://guavawebcompliance.com/articles/real-estate-property-search-ada-risk)"