Fejlesztő🔒 Bongeszoben fut

Színkontraszt ellenőrző

WCAG AA/AAA színkontraszt megfelelőség ellenőrzése

Szöveg színe

Háttér színe

Előnézeti Cím Szöveg

Így fog kinézni a törzsszöveg ezekkel a színekkel.

Ez pedig kis szöveg referenciaként.

Kontraszt arány

21.00:1

WCAG AA

Normál szöveg✓ Megfelel

Nagy szöveg (18px+)✓ Megfelel

UI komponensek✓ Megfelel

WCAG AAA

Normál szöveg✓ Megfelel

Nagy szöveg (18px+)✓ Megfelel

A(z) Színkontraszt ellenőrző névjegye

A színkontraszt ellenőrző két szín közötti kontraszt arányt értékeli a WCAG 2.1 irányelvek szerint. Megmondja, hogy a színkombinációi megfelelnek-e az AA vagy AAA akadálymentességi szabványoknak normál szöveg, nagy szöveg és UI komponensek esetén. Minden a böngészőjében fut.

Gyakran ismételt kérdések

Mi a jó kontraszt arány?

A WCAG AA minimálisan 4,5:1 arányt igényel normál szöveghez és 3:1 arányt nagy szöveghez (18px+ vagy 14px+ félkövér). A WCAG AAA 7:1 arányt igényel normál szöveghez és 4,5:1 arányt nagy szöveghez. A magasabb arányok jobb olvashatóságot jelentenek.

Mi a különbség az AA és az AAA között?

Az AA a legtöbb webtartalomhoz ajánlott minimális szabvány. Az AAA egy szigorúbb szabvány, amely jobb olvashatóságot biztosít látássérült felhasználók számára. Az AAA teljesítése ideális, de nem mindig kötelező.

Hogyan számítják ki a kontraszt arányt?

A kontraszt arányt a WCAG 2.1 által meghatározott relatív luminancia alapján számítják ki. A képlet a világosabb és sötétebb színeket hasonlítja össze 1:1 (nincs kontraszt) és 21:1 (maximális kontraszt, fekete fehéren) közötti skálán.

A(z) Színkontraszt ellenőrző névjegye

Gyakran ismételt kérdések

Mi a jó kontraszt arány?

Mi a különbség az AA és az AAA között?

Hogyan számítják ki a kontraszt arányt?