Színkontraszt-ellenőrző

Az akadálymentesítés biztosítása érdekében tesztelje az előtér és a háttér színei közötti kontrasztarányt.

1.00:1
Kontraszt
Fail
Nagyon gyenge

Normál szöveg

AA (4.5:1)
AAA (7:1)

Nagy szöveg

AA (3:1)
AAA (4.5:1)
White
#ffffff
Black
#e24826

Gyors javítások

Aa

Előnézeti cím

A gyors barna róka átugrik a lusta kutya felett

Kis szöveg példa (12 képpont)

Szöveg
#ffffff
Háttér
#e24826

WCAG szabványok

Level AA

Minimális kontrasztarány 4,5:1 normál szöveg esetén és 3:1 nagyméretű szöveg esetén. A legtöbb weboldalhoz szükséges.

Level AAA

7:1 kontrasztarány normál szöveg esetén és 4,5:1 kontrasztarány nagyméretű szöveg esetén. Az optimális hozzáférhetőség érdekében ajánlott.

Nem megfelelő a kontraszt minden szövegméretnél – nem felel meg a WCAG szabványoknak.

Színkontraszt-ellenőrző

Számítsa ki a szöveg és a háttér színeinek kontrasztarányát.

Válasszon színt a szöveg és a háttér színéhez a színválasztóval, vagy adjon meg egy színt RGB hexadecimális formátumban (pl. #259 vagy #2596BE). A csúszka segítségével kiválaszthatja a színt. A Webes Akadálymentesítési Útmutató (WCAG) egy külön irányelvet tartalmaz annak megállapítására, hogy a szöveg olvasható-e látó felhasználók számára. Ez a kritérium egy adott algoritmust használ a színkombinációk összehasonlítható arányokba való leképezéséhez. E képlet segítségével a WCAG kimondja, hogy a szöveg és a háttere közötti 4,5:1-es színkontrasztarány megfelelő a normál (törzs) szöveghez, és a nagyméretű szövegnek (18+ pt normál, vagy 14+ pt félkövér) legalább 3:1-es színkontrasztaránnyal kell rendelkeznie.

Fő jellemzők

  • Valós idejű kontrasztarány-számítás
  • WCAG AA és AAA megfelelőség ellenőrzése
  • HSL csúszkák a finomhangoláshoz
  • Többféle előnézeti formátum

Speciális eszközök

  • Automatikus színrögzítés
  • Szöveg- és háttérminták
  • Színnév felismerés
  • Eredmények exportálása