Színkontraszt ellenőrzése (WCAG)

Mérd meg két szín közötti WCAG 2.1 kontrasztarányt, és nézd meg, hogy megfelel-e az AA, AA Nagy és AAA szintnek az akadálymentes szöveghez. Teljes egészében a böngésződben fut.

Adatvédelem az első helyen: minden kép helyben, a böngésződben kerül feldolgozásra. Semmi sem kerül feltöltésre, tárolásra vagy elküldésre bármilyen szerverre.

A kontraszt akadálymentességi követelmény, nem ízlés kérdése

A WCAG megköveteli, hogy a szöveg 4,5:1 arányban kontrasztáljon a hátterével a normál szövegnél (AA), és 7:1 arányban az AAA-nál — sok szervezet számára jogi terep. A képekre helyezett szöveg folyamatosan megbukik, mert a tervezők a kép átlagához mérik a kontrasztot, míg a felhasználók a legvilágosabb foltjához képest olvassák.

Mérj a valódi képhez képest

Válaszd ki a szöveg színét, és mintázd a tényleges hátteret magából a képből; az ellenőrző kiszámítja az arányt, és az AA és AAA küszöbökhöz méri a normál és nagy szövegnél. Javítsd a bukásokat a fedés sötétítésével vagy a szöveg világosításával — és mérj újra, amíg meg nem felel. Minden helyi, semmi sincs feltöltve.

Gyakran ismételt kérdések

Feltöltésre kerül a képem az elemzéshez?
Nem. A színkinyerés, a hisztogramok és a kontrasztellenőrzések mind helyben, a böngésződben futnak.
Milyen színinformációt kaphatok?
Domináns színeket, egy másolható palettát hexadecimális kódokkal és részesedési százalékokkal, valamint teljes RGB- és fényességi hisztogramokat.
Mire való a kontrasztellenőrző?
A WCAG 2.1 kontrasztarányt méri két szín között, és megmutatja, hogy megfelelnek-e az AA, AA Large és AAA szinteknek az akadálymentes szöveghez.
Másolhatom a színkódokat?
Igen. Kattints bármely mintára a hexadecimális kódjának másolásához, vagy másold az egész palettát egyszerre.