Kontrasztellenőrző
Ellenőrizd színpárok WCAG kontrasztarányát AA és AAA értékeléssel és javítási javaslattal.
Kapcsolódó eszközök
Kontrasztellenőrző
Illessz be szöveg- és háttérszín párokat, soronként egyet — #7a1f2b on #ffffff, #333, #eee vagy rgb(0, 0, 0) #fff —, és mindegyikhez azonnal megkapod a WCAG 2 szerinti kontrasztarányt, minden megfelelőségi szinthez megfelel vagy nem felel meg értékeléssel. Az arány 1 : 1-től (nincs kontraszt) 21 : 1-ig (fekete fehéren) terjed, és a relatív fénysűrűségből számítjuk pontosan úgy, ahogy az irányelvek előírják — a számok tehát egyeznek az auditáló eszközökkel és a böngésző vizsgálójával.
A WCAG két szintet nevez meg. Az AA, amelyre a legtöbb jogszabály és szerződés hivatkozik, normál szöveghez 4,5 : 1-et, nagy szöveghez 3 : 1-et kíván. A szigorúbb AAA 7 : 1-et és 4,5 : 1-et kér. A szöveg 18 pt-tól (körülbelül 24 px) számít nagynak normál vastagságban, félkövéren pedig 14 pt-tól (körülbelül 18,7 px) — ezért mehet át egy címsor olyan aránnyal, amelyen egy bekezdés elbukik. A jelentés párokként mind a négy ellenőrzést kiírja; a tömör kimenet páronként egy sort ad, ami gyorsabban olvasható, ha egy egész palettát nézel át egyszerre.
Ha egy pár normál szövegre nem éri el az AA-t, kapcsold be a „Javítási javaslat” lehetőséget: az eszköz kis világossági lépésekben sötétíti vagy világosítja a szövegszínt — az árnyalat marad —, amíg el nem éri a 4,5 : 1-et, majd kiírja a legközelebbi megfelelő hex értéket, amelyet rögtön beilleszthetsz a stíluslapba.
Minden a böngésződben fut; a publikálatlan márkapaletták nem hagyják el a gépedet. A színeket írhatod 3 vagy 6 jegyű hexként kettőskereszttel vagy anélkül, rgb() vagy rgba() alakban, illetve gyakori angol CSS névvel — az alap 16 plusz a népszerű kiterjesztettek. A teljes, 148 nevet tartalmazó listát az eszköz szándékosan nem hordozza; a ritka neveket írd hexként. A színpárnak nem beillő sort nyugodt megjegyzés jelzi, a többi pedig tovább fut.