Ingyenes konverter

Színkontraszt Ellenőrző (WCAG)

Ellenőrizze a két szín kontrasztarányát a WCAG AA és AAA akadálymentesítési megfelelőség szempontjából. Ingyenes, azonnali és teljes egészében a böngészőjében fut.

Mintaszöveg — Normál méret

Minta kis szöveg – 14 képpont

Kontraszt Arány:21.00:1
WCAG AANormál szövegPass
WCAG AANagy szövegPass
WCAG AAANormál szövegPass
WCAG AAANagy szövegPass

Az eszközről

Ellenőrizze a színkontraszt arányát az előtér szövege és a háttérszínek között a WCAG 2.1 akadálymentesítési irányelvei szerint. Adja meg a színeket hexadecimális kódként, RGB-értékként vagy HSL-értékként, és azonnal megtekintheti a kontrasztarányt, valamint a WCAG AA és AAA megfelelőség megfelelő/nem megfelelő eredményét normál és nagy szövegméretekben egyaránt.

Használati útmutató

  1. Adja meg vagy válassza ki az előtér (szöveg) színét a színválasztó vagy hexadecimális bemenet segítségével.
  2. Adja meg vagy válassza ki a háttérszínt.
  3. Azonnal megtekintheti a kontrasztarányt és a WCAG 2.1 AA/AAA sikeres/nem megfelelő eredményeket.
  4. Állítsa be a színeket, amíg el nem éri a kívánt megfelelőségi szintet.

Gyakran ismételt kérdések

Milyen kontrasztarány szükséges a WCAG megfelelőséghez?
A WCAG AA 4,5:1 arányt igényel normál szöveghez és 3:1 arányt nagy szöveghez (18 pt+ vagy 14 pt+ 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 maximális lehetséges arány 21:1 (fekete-fehér).
Miért számít a színkontraszt?
A megfelelő kontraszt biztosítja, hogy a szöveg olvasható legyen a gyengénlátó, színvak vagy erős napfényben néző felhasználók számára. Ez számos webhely esetében jogi követelmény az ADA és az EU akadálymentesítési előírásai szerint.
Mi számít „nagy szövegnek” a WCAG-ban?
A nagy szöveg 18 pont (24 képpont) vagy nagyobb a normál súlyú szöveg esetén, vagy 14 pont (18,66 képpont) vagy nagyobb félkövér szöveg esetén. A nagy szöveg kisebb kontrasztkövetelményekkel rendelkezik, mert eleve könnyebben olvasható.
Ellenőrzi ez az eszköz a nem szöveges elemek kontrasztját?
A WCAG 2.1 3:1 kontrasztarányt ír elő a felhasználói felület összetevőihez és a grafikus objektumokhoz (gombok, ikonok, űrlapmezők). Ezzel az eszközzel ezeket is ellenőrizheti – csak adja meg az összetevő és a háttér színét.