Színkontraszt ellenőrző
Ellenőrizd két szín kontrasztarányát a WCAG AA és AAA akadálymentességi szintekkel szemben.
Kapcsolódó eszközök
Így használd a következőt: Kontraszt ellenőrző
- 01
Válassz egy szövegszínt és egy háttérszínt.
- 02
Olvasd le a kontrasztarányt és a WCAG megfelelt vagy nem felelt meg jelvényeket.
- 03
Igazítsd a színeket, amíg megfelelnek a szükséges szintnek.
Mit csinál a kontrasztellenőrző
Ez egy WCAG színkontraszt-ellenőrző, amely megmutatja egy szövegszín és egy háttérszín pontos kontrasztarányát, és azt, hogy megfelel-e az AA és AAA akadálymentességi szintnek. Válassz színt a színmintával vagy hexakóddal, és nézd meg az élő előnézetet.
Addig állítsd a két színt, amíg a jelvények át nem mennek a kívánt szinten; az eredmény menet közben azonnal frissül.
Miért számít a kontraszt
Az olyan szöveg, amelynek a világossága túl közel áll a háttérhez, nehezen vagy egyáltalán nem olvasható, különösen a gyengénlátóknak és a színlátászavarral élőknek, vagy bárkinek, aki tűző napon nézi a telefonját. A megfelelő kontraszt mindenki számára olvashatóvá teszi a tartalmadat.
A WCAG AA és AAA küszöbértékei
A szabványt a Web Content Accessibility Guidelines (WCAG) adja. Az AA, amelyet a legtöbb webhely megcéloz, és amelyre sok akadálymentességi jogszabály hivatkozik, normál szövegnél 4,5:1, nagy szövegnél 3:1 arányt ír elő. Az AAA szigorúbb: 7:1 és 4,5:1.
A nagy szöveg alacsonyabb küszöböt kap, mert a nagyobb betűk kevesebb kontraszt mellett is olvashatók maradnak. Nagynak nagyjából 24 px (18 pt) mérettől, félkövéren pedig 18,66 px (14 pt) mérettől számít.
Hogyan számolják az arányt
Az arány a két szín relatív fénysűrűségéből származik a hivatalos WCAG-képlettel, és 1:1 (nincs kontraszt, azonos színek) és 21:1 (fekete a fehéren) közötti értéket ad.
A böngésződben fut
Minden a böngésződben számolódik, így azonnali és bizalmas. Semmi nem töltődik fel abból, amit kiválasztasz.
Gyakran ismételt kérdések
Milyen kontrasztarányra van szükségem?
A WCAG AA 4,5:1-et igényel normál szöveghez és 3:1-et nagy szöveghez (18pt vagy 14pt félkövér). Az AAA 7:1-et, illetve 4,5:1-et igényel.
Mi számít nagy szövegnek?
A legalább 24px (18pt), vagy félkövér esetén 18,66px (14pt) méretű szöveg. A nagy szöveg alacsonyabb kontrasztarányt engedélyez.
Hogyan számolódik az arány?
Az egyes színek relatív világosságából a hivatalos WCAG képlettel, 1:1 (nincs kontraszt) és 21:1 (fekete fehéren) közötti értéket adva.