Zum Hauptinhalt springen
•••
AI & KI NachrichtenGoogle Tests Plan for A.I. Data Centers in Space(03.10.2026 um 01:46 Uhr)
•
Admin & Dev ToolsGitHub Release: can1357/oh-my-pi v18.5.0 (03.10.2026)(03.10.2026 um 02:10 Uhr)
•••
Sichere ProgrammierungCross-Chain Bridge Risk Assessment: Bitkub(03.10.2026 um 01:41 Uhr)
••••••
AI & KI NachrichtenGoogle Tests Plan for A.I. Data Centers in Space(03.10.2026 um 01:46 Uhr)
•
Admin & Dev ToolsGitHub Release: can1357/oh-my-pi v18.5.0 (03.10.2026)(03.10.2026 um 02:10 Uhr)
•••
Sichere ProgrammierungCross-Chain Bridge Risk Assessment: Bitkub(03.10.2026 um 01:41 Uhr)
•••
Intelligence View
⚡ tsecurity.de Intelligence

What building a contrast checker taught me about WCAG that I had wrong

I assumed the WCAG contrast checker for Quietbench would be the simplest tool in the suite — compute a ratio, compare it to a threshold, done. A few things s…

Beitrag
0
Seite
0
↗ Quelle (dev.to)
Social ReaktionenReagiere als Erste:r — dein Feedback zählt!

I assumed the WCAG contrast checker for Quietbench would be the simplest tool in the suite — compute a ratio, compare it to a threshold, done. A few things surprised me enough to change how I think about accessibility in my own projects.



"Passing AA" isn't one number. The 4.5:1 ratio everyone quotes only applies to normal text. Large text (18pt+, or 14pt+ bold) only needs 3:1. UI components and graphical objects have their own 3:1 threshold under WCAG 2.1's non-text contrast rule. A tool that only checks one ratio against one threshold is giving wrong answers for half the content on a real page.



AAA isn't just "AA but stricter" in the way I assumed. AAA bumps normal text to 7:1, but the large-text threshold only moves to 4.5:1 — not a flat multiplier. Building the "suggest a fix" feature meant handling these as genuinely different target ratios per content type, not one formula scaled up.



The relative luminance formula is not intuitive. WCAG doesn't compare RGB values directly — it converts to relative luminance first, which weights green far more heavily than red or blue in how humans perceive brightness. Two colors that look similarly "light" or "dark" to the eye can have meaningfully different contrast ratios against the same background, which is exactly why eyeballing contrast doesn't work and a checker is worth having.



Most "suggest a fix" tools I looked at just darken or lighten until they hit the threshold, ignoring the original hue. That technically passes WCAG but can produce a color that no longer matches the brand or design intent. I ended up preserving hue and adjusting lightness within the same color family first, only shifting saturation as a fallback if that alone couldn't reach the target ratio.



None of this is exotic once you know it, but I'd been treating "contrast checking" as basically solved logic before actually building one. It isn't — it's a small pile of specific rules that don't generalize the way intuition suggests.



Live at quietbench.dev/contrast-checker if you want to check your own palette against it.

Ähnliche Beiträge
🔍 Verwandte News

Auch interessante Nachrichten What building a contrast checker taught me about WCAG that I had wrong

Thematisch verwandte Begriffe: What, building, contrast, checker · 6 Treffer

Laden...

Videos werden geladen ...

Laden...

Beiträge werden geladen ...

Laden...

Videos werden geladen ...

Laden...

Beiträge werden geladen ...

Laden...

Videos werden geladen ...

Laden...

Beiträge werden geladen ...

Laden...

Videos werden geladen ...

Laden...

Beiträge werden geladen ...

Laden...

Videos werden geladen ...

💬 Kommentare werden geladen…
Zum Aktualisieren ziehen
tsecurity.de Icon
Offline-Lesen, Eilmeldungen & 0ms Ladezeit

Installiere tsecurity.de direkt auf deinen Home-Bildschirm für das ultimative Vollbild-Magazinerlebnis ohne Browser-Leisten.

Nächster Beitrag