Ověření kontrastu podle WCAG 2.1 mezi libovolnou barvou popředí a pozadí.
Ukázka velkého nadpisu
Ukázka tělového textu. Rychlý hnědý liška přeskočí přes líného psa.
APCA modeluje lidské vnímání: respektuje polaritu, velikost a tloušťku písma, takže lépe předpovídá čitelnost v reálném světě než poměr WCAG 2.1. Lc 75+ pro text těla, 60+ pro velký text.
APCA bere v úvahu polaritu: světlý na tmavém a tmavý na světlém mají odlišné skóre, takže prohození popředí a pozadí vede k jinému Lc – je to záměr, nikoli chyba.
APCA jde za hranice prospěchu/neúspěchu — tato tabulka ukazuje minimální čitelnou velikost písma na tloušťku při tomto kontrastu, přímo z oficiálního vyhledávání písem APCA.
Větší velikosti se čtou lépe; 777 znamená, že tato tloušťka není povolena při tomto kontrastu. Velmi tučné tloušťky (900) mohou vyžadovat větší velikosti u malých rozměrů.
Kontrast WCAG 2.1 mezi dvěma barvami, s živými verdikty AA/AAA ve čtyřech úrovních.
Vložte HEX pro popředí a pozadí; ukázkový text se okamžitě překreslí.
Text těla (4,5:1) a velký text (3:1) jsou posuzovány odděleně, poměr se aktualizuje v reálném čase.
Neprošlo? Posuňte světlost, dokud to nebude vyhovovat; tlačítka a nadpisy potřebují pouze úroveň AA.
Čtyři otázky, které se objevují při implementaci přístupnosti.
Pokračujte odsud a využijte barvy v praxi.
Jakákoli barva na 11stupňovou škálu pro designový systém, vnímavě rovnoměrná v OKLCH, kontrast WCAG na stupeň, export do Tailwind/CSS/SCSS/JSON.
Zadejte kód RAL, Pantone nebo NCS — nebo jakýkoli HEX — a porovnejte ho napříč všemi 10 standardními systémy s CIEDE2000 ΔE.
Simulujte 8 typů poruch barevného vidění pro audit přístupnosti.
Mezerník pro náhodné generování, zamykání, přetahování pro změnu pořadí, sdílení přes URL – vše, co paletová deska má dělat.