Kontrola farebného kontrastu

Otestujte kontrastný pomer medzi farbami popredia a pozadia, aby ste zabezpečili prístupnosť.

1.00:1
Kontrast
Fail
Veľmi slabé

Normálny text

AA (4.5:1)
AAA (7:1)

Veľký text

AA (3:1)
AAA (4.5:1)
Black
#000000
Black
#0088cc

Rýchle opravy

Aa

Náhľad názvu

Rýchla hnedá líška preskočí lenivého psa

Príklad malého textu (12px)

Text
#000000
Pozadie
#0088cc

Štandardy WCAG

Level AA

Minimálny kontrastný pomer 4,5:1 pre normálny text a 3:1 pre veľký text. Vyžaduje sa pre väčšinu webových stránok.

Level AAA

Vylepšený kontrastný pomer 7:1 pre bežný text a 4,5:1 pre veľký text. Odporúča sa pre optimálnu prístupnosť.

Nedostatočný kontrast pre všetky veľkosti textu - nespĺňa normy WCAG.

Kontrola farebného kontrastu

Vypočítajte kontrastný pomer farieb textu a pozadia.

Vyberte farbu pomocou výberového okna pre farbu textu a farbu pozadia alebo zadajte farbu v hexadecimálnom formáte RGB (napr. #259 alebo #2596BE). Na výber farby môžete nastaviť posuvník. Usmernenia o prístupnosti webového obsahu (WCAG) obsahujú osobitné usmernenie, ktoré pomáha zistiť, či je text čitateľný pre vidiacich používateľov. Toto kritérium používa osobitný algoritmus na mapovanie kombinácií farieb do porovnateľných pomerov. Pomocou tohto vzorca WCAG uvádza, že pomer kontrastu farieb 4,5:1 s textom a jeho pozadím je primeraný pre bežný text (telo) a veľký text (18+ pt bežný alebo 14+ pt tučný) by mal mať pomer kontrastu farieb aspoň 3:1.

Kľúčové vlastnosti

  • Výpočet kontrastného pomeru v reálnom čase
  • Kontrola zhody WCAG AA a AAA
  • Posuvníky HSL na jemné doladenie
  • Viacero formátov náhľadu

Pokročilé nástroje

  • Automatická fixácia farieb
  • Ukážky textu a pozadia
  • Detekcia názvu farby
  • Výsledky exportu