Přeskočit na obsah
Nezávazná poptávka

Kontrola kontrastu barev podle WCAG zdarma

Zjistěte, jestli je text čitelný podle WCAG 2.2 a zákona o přístupnosti. Když kombinace neprojde, navrhneme nejbližší barvu, která projde. Zkontrolujete i celou paletu značky.

Velký nadpis 28 px

Tučný text 19 px, který se počítá jako velký

Běžný text o velikosti 16 px. Takhle bude vypadat odstavec na vašem webu, včetně odkazu v textu.

Drobný text 13 px, například poznámka pod čarou.

Tlačítko s obrysem

Kontrastní poměr WCAG 2.2

4,29 : 1

Stačí jen pro velký text, ikony a ovládací prvky.

APCA Lc 70pro větší text a popisky

  • Běžný text · AA1.4.3 · alespoň 4,5 : 1Nevyhovuje
  • Velký text · AA1.4.3 · alespoň 3 : 1, text od 24 px nebo tučný od 18,66 pxVyhovuje
  • Běžný text · AAA1.4.6 · alespoň 7 : 1Nevyhovuje
  • Velký text · AAA1.4.6 · alespoň 4,5 : 1Nevyhovuje
  • Ikony a ovládací prvky1.4.11 · alespoň 3 : 1Vyhovuje

Návrhy nejbližších barev, které projdou

Jak barvy uvidí lidé s poruchou barvocitu

Protanopie · 4,29 : 1
Deuteranopie · 4,29 : 1
Tritanopie · 4,29 : 1
Bez barev · 4,29 : 1

Přibližná simulace. Poměr kontrastu se u většiny poruch mění jen málo, barevné odlišení ale mizí.

Vložte až 8 barev vaší značky. Uvidíte, které kombinace jsou čitelné.

Text ↓ Pozadí →#d71920#141414#525252#ffffff#f6f6f6
#d71920
#141414
#525252
#ffffff
#f6f6f6

Kliknutím kombinaci načtete nahoru. AAA = 7 : 1, AA = 4,5 : 1, AA velký = 3 : 1 (jen text od 24 px nebo tučný od 18,66 px).

Pomohl vám nástroj? Pošlete ho dál.

Je zdarma pro každého, bez registrace.

E-mailem

Návod

Kontrast barev podle WCAG 2.2 srozumitelně

Kontrastní poměr říká, jak moc se liší jas textu a pozadí. Pohybuje se od 1 : 1 (stejná barva) po 21 : 1 (černá na bílé). Čím vyšší, tím čitelnější, hlavně na slunci, na horším displeji a pro lidi se slabším zrakem.

Co přesně WCAG požaduje

  • 1.4.3 (AA): 4,5 : 1 pro text, 3 : 1 pro velký text.
  • 1.4.6 (AAA): 7 : 1 pro text, 4,5 : 1 pro velký text.
  • 1.4.11 (AA): 3 : 1 pro ikony, rámečky polí a ovládací prvky.

Na co se pravidla nevztahují

Loga a text, který je součástí loga, čistě dekorativní prvky a neaktivní ovládací prvky, třeba zašedlé tlačítko. Všechno ostatní, včetně textu přes fotku, zástupného textu v poli a odkazů, pravidla splňovat musí.

Časté chyby

  • Světle šedý text na bílé kvůli „čistému“ vzhledu.
  • Bílý text přes světlou část fotky bez ztmavení.
  • Zástupný text v poli, který splývá s pozadím.
  • Rozlišení chyby jen červenou barvou, bez ikony nebo textu.

Co je APCA

APCA je nová metoda výpočtu kontrastu, která lépe odpovídá lidskému vnímání, hlavně u tmavých režimů. Je jedním z kandidátů na výpočet kontrastu v budoucí WCAG 3, o metodě se ale zatím nerozhodlo a závazná není. Pro splnění zákona se řiďte poměrem podle WCAG 2.2, APCA berte jako doplňující vodítko.

Časté otázky

Čitelný text pro všechny.

Nenašli jste svou otázku? Zavolejte, odpověď dostanete hned.

Podle WCAG 2.2 na úrovni AA alespoň 4,5 : 1 pro běžný text a 3 : 1 pro velký text a ovládací prvky. Úroveň AAA vyžaduje 7 : 1.

Další nástroje zdarma

Online faktura zdarmaVyplníte a stáhnete PDF. S QR platbou a načtením firmy z ARES.Kalkulačka DPHSpočítá cenu s DPH i bez DPH v sazbě 21 %, 12 % i 0 %.Výpočet čisté mzdy 2026Z hrubé mzdy spočítá čistou i obráceně. Se slevami, dětmi a náklady zaměstnavatele.Kolik stojí webNaklikejte, co potřebujete, a hned uvidíte orientační cenu a termín.E-mailový podpisProfesionální podpis pro Gmail, Outlook i Apple Mail. Vyplníte a zkopírujete.Spojit PDFVíce PDF do jednoho souboru. Pořadí i výběr stránek nastavíte.Rozdělit PDFNa jednotlivé stránky, po několika stranách nebo podle rozsahů.Upravit stránky PDFOtočit, přeřadit a smazat stránky. Čísla stran a vodoznak.Zmenšit PDFMenší PDF pro e-mail i datovou schránku. Čtyři úrovně komprese.JPG do PDFFotky a obrázky do jednoho PDF ve formátu A4 nebo podle obrázku.PDF do JPGStránky PDF jako obrázky JPG nebo PNG až ve 300 DPI.Převod HEIC do JPGFotky z iPhonu do JPG, PNG nebo WebP. Hromadně a bez nahrávání.Vyhledání firmy podle IČONázev, sídlo, DIČ a stav firmy z ARES. Hledá i podle názvu.Kalkulačka odvodů OSVČ 2026Daň, sociální a zdravotní pojištění, nové zálohy a srovnání s paušální daní.Kalkulačka pracovních dnůPracovní dny mezi daty, splatnost faktury a přehled svátků.Kalkulačka procentKolik je X % z čísla, procentní změna, sleva i původní cena.Kontrola volné doményJe doména volná? Ověří .cz, .com, .eu a další najednou, u obsazené ukáže WHOIS.Počítadlo znaků a slovZnaky, slova, normostrany a limity pro meta description, X, SMS i Instagram.Generátor faviconyFavicon.ico, ikony pro iPhone a Android a kód do webu. Z loga nebo z písmen.Audit a rychlost webuZadáte adresu a do minuty víte, jak je web rychlý, jak si stojí v SEO a co opravit.Náhled ve vyhledáváníJak stránka vypadá ve výsledcích hledání a při sdílení. S kontrolou délky titulku a popisu.Komprese obrázkůZmenšete fotky a převeďte je do WebP. Přímo v prohlížeči, nic se nenahrává.Generátor QR kóduOdkaz, text, Wi-Fi nebo QR platba. Ke stažení jako PNG i SVG pro tisk.UTM generátorOznačte odkazy z kampaní, ať v Google Analytics víte, odkud návštěvy přišly.Generátor heselSilná náhodná hesla, která vznikají jen ve vašem prohlížeči.

Přístupnost řešíme od prvního návrhu.

Navrhujeme weby a aplikace podle WCAG, aby je pohodlně použil každý.

Weby na míru+420 771 166 199Po až Pá 8:30 až 16:00 · info@listify.cool

Kdy vám máme zavolat?

Vyberte den a časové rozmezí. Zavoláme my, hovor trvá zhruba 15 minut.

Den