Kontrola Kontrastu Barev
Zkontrolujte poměry kontrastu barev pro soulad s WCAG 2.1. Okamžitě ověřte standardy AA a AAA.
Co je poměr kontrastu WCAG?
Poměr kontrastu WCAG měří rozdíl v jasu mezi barvami popředí a pozadí. Od 1:1 do 21:1.
Jaké jsou požadavky WCAG AA a AAA?
WCAG AA vyžaduje minimálně 4.5:1 pro normální text a 3:1 pro velký text. AAA vyžaduje 7:1 a 4.5:1.
Co se počítá jako velký text?
Velký text je definován jako 18pt (24px) nebo větší, nebo 14pt (18.66px) tučné nebo větší.
Proč je kontrast barev důležitý?
Správný kontrast zajišťuje čitelnost textu pro osoby se zrakovým postižením a zlepšuje čitelnost pro všechny.
Jak vypočítám poměr kontrastu?
Vypočítá se pomocí relativních hodnot jasu. Vzorec je (L1 + 0.05) / (L2 + 0.05).
Jaký je minimální kontrast pro UI prvky?
WCAG vyžaduje minimálně 3:1 pro UI komponenty a grafické objekty.
Mohu použít jakoukoli kombinaci barev?
Ne všechny kombinace splňují standardy přístupnosti. Použijte tento kontrolní nástroj pro validaci.
Co je relativní jas?
Je to vnímaný jas barvy, od 0 (černá) do 1 (bílá). Vypočítá se pomocí barevného prostoru sRGB.
Musím kontrolovat kontrast obrázků?
Text v obrázcích musí splňovat stejné požadavky. Pro dekorativní obrázky to neplatí.
Jaké nástroje pomáhají s kontrastem?
Použijte nástroje pro vývojáře v prohlížeči, pluginy pro design nebo online kontrolory, jako je tento.
Jak používat Kontrola Kontrastu Barev
Okamžitě zkontrolujte, zda kontrast textu a rozhraní splňuje prahy AA a AAA normy WCAG 2.1 — celé ve vašem prohlížeči. Zadejte dvě barvy a poměr se spočítá lokálně; nic neopustí vaše zařízení.
- Zadejte nebo vložte barvu textu do pole Foreground Color v jakémkoli podporovaném formátu, například HEX nebo RGB.
- Vyplňte pole Background Color barvou za textem, aby se spočítal kontrastní poměr.
- Přečtěte si výsledný poměr a odznaky splnění AA a AAA pro normální i velký text.
- Upravte jednu z barev, dokud poměr nepřekročí 4,5:1 pro souvislý text, respektive 3:1 pro velký text a komponenty UI.
- Prohoďte hodnoty Foreground Color a Background Color a vyzkoušejte obrácenou kombinaci, například světlý text na tmavém motivu.
AAA (7:1) je skvělý cíl pro dlouhé čtení, ale 4,5:1 (AA) je minimum, které vyžaduje většina zásad přístupnosti.
Související nástroje
- Kapátko barev Vyberte libovolnou barvu z obrazovky pomocí kapátka. Kopírujte kódy HEX, RGB, HSL okamžitě. Bezplatný online nástroj.
- Generátor barevné palety Vytvářejte krásné, harmonické barevné palety okamžitě s naším bezplatným online generátorem. Podporuje monochromatické, analogické, komplementární, triadické, rozděleně-komplementární a tetradické režimy. Laďte barvy pomocí HSL posuvníků, zamykejte oblíbené a exportujte jako CSS, Tailwind, JSON nebo SVG. 100% založeno na prohlížeči, vaše data nikdy neopustí vaše zařízení.
- Simulátor barvosleposti Bezplatný online simulátor barvosleposti. Testujte designy pro protanopii, deuteranopii, tritanopii a další typy. 100% soukromé, běží v prohlížeči.
- GIF Rozdělit Snímky Extrahujte a stahujte jednotlivé snímky z GIF animací jako PNG nebo sprite sheet. Bezplatný online nástroj s náhledem a exportem ZIP.
- GIF Obrácený Obrátit pořadí přehrávání GIF animací online zdarma. Nahrajte, prohlédněte a stáhněte okamžitě.
- Změna Rychlosti GIF Změňte rychlost GIF animace online. Okamžitě zrychlete nebo zpomalte GIF soubory.
- Video do GIF Převeďte video na animovaný GIF online. Upravte kvalitu, snímkovou frekvenci a rozlišení přímo v prohlížeči bez nahrávání souborů.
- Generátor memů Bezplatný generátor memů online. Přidejte ke kterémukoli obrázku klasické horní a dolní popisky, volně je přetahujte a okamžitě stáhněte mem jako PNG nebo JPEG.