Színkontraszt-ellenőrző
Ellenőrizd, hogy két szín kontrasztja elég olvasható-e — a WCAG AA és AAA szintekhez, normál és nagy szöveghez —, élő előnézettel. Mind a böngésződben fut.
Cikázó barna róka — minta szöveg
Cikázó barna róka — minta szöveg
Kontrasztarány15.85 : 1
✓AA · normál szöveg
✓AA · nagy szöveg
✓AAA · normál szöveg
✓AAA · nagy szöveg
A böngésződben fut. A bevitt adat nem kerül feltöltésre a PayloadIQ-ra.
Olvasható, és bizonyíthatóan
Válassz szövegszínt és hátteret, és az ellenőrző megmutatja a pontos kontrasztarányt, plusz hogy átmegy-e mind a négy WCAG-küszöbön — AA és AAA, normál és nagy szöveghez. Az élő előnézet valódi szövegen mutatja a színeket, így szemmel és szám szerint is megítélheted. Egy kattintással felcserélheted a kettőt, hogy mindkét irányt teszteld.
Helyi és azonnali
A számítás gépelés közben fut, teljesen a böngésződben. Párosítsd a Színpipettával, hogy egyenesen egy tervből vedd a színeket, és itt ellenőrizd őket.
GYIK
Milyen kontrasztarányra van szükségem?
A WCAG AA 4,5:1 arányt kér a normál szöveghez és 3:1-et a nagy szöveghez (kb. 18px félkövér vagy 24px normál). Az AAA szigorúbb: 7:1 a normálhoz és 4,5:1 a nagyhoz. Az eszköz mind a négyet egyszerre ellenőrzi.
Hogyan számolja az arányt?
Az egyes színek relatív fénysűrűségéből, a hivatalos WCAG-képlettel, a böngésződben. Az eredmény egy 1:1 (nincs kontraszt) és 21:1 (fekete fehéren) közötti szám.
Miért fontos a kontraszt?
Az alacsony kontrasztú szöveget mindenki nehezen olvassa, és nem felel meg a gyengénlátók akadálymentességi követelményeinek. Az AA teljesítése az az alap, amit a legtöbb oldal és törvény elvár.