Kontrasztellenőrző

Adja meg a szöveg és a háttér színét a WCAG kontrasztarány, valamint az AA és AAA szintek ellenőrzéséhez.

Kontrasztarány
Normál szövegAA4.5:1
Normál szövegAAA7:1
Nagy szövegAA3:1
Nagy szövegAAA4.5:1
UI és grafika3:1
Adja meg a szöveg és a háttér színét az ellenőrzéshez.

Minden ellenőrzés a böngészőjében fut le. Semmilyen megadott adat nem kerül feltöltésre a BroBroGo szervereire.

GYIK

Mit jelentenek az AA és AAA eredmények?

A legtöbb webhely az AA szintet célozza meg: ehhez normál szövegnél legalább 4.5:1, nagy szövegnél pedig 3:1 arány szükséges. Az AAA szint szigorúbb – normál szövegnél 7:1, nagy szövegnél pedig 4.5:1 arányt követel meg. A kontrasztarány 1:1-től (nincs kontraszt) egészen 21:1-ig (fekete a fehéren) terjedhet.

Mi számít nagy szövegnek?

A legalább 18pt (kb. 24px) méretű szövegek, vagy félkövér szedés esetén a legalább 14pt (kb. 18.5px) méretű szövegek számítanak nagynak. A nagyobb szövegek alacsonyabb kontraszt mellett is olvashatók maradnak, így a szigorúbb normál szöveghatárok helyett a nagyméretű szövegeknél az AA szinthez 3:1, az AAA szinthez pedig 4.5:1 arány is elegendő.

Milyen színformátumokat adhatok meg?

Beírhat hexadecimális értéket (pl. #1a1a1a), rgb() értéket (pl. rgb(26, 26, 26)) vagy hsl() értéket is – vagy kattintson bármelyik mintára a szín kiválasztásához. A csere gombbal felcserélheti a szöveg és a háttér színét.

Ez a WCAG 2 vagy az újabb APCA módszer?

Ez az eszköz a WCAG 2.1 / 2.2 képletet használja, amelyre az akadálymentesítési szabályok és auditok jelenleg hivatkoznak. Az APCA egy újabb, inkább az emberi érzékelésen alapuló módszer, amelyet még csak most dolgoznak ki a WCAG 3-hoz – ígéretes, de még nem hivatalos megfelelőségi szabvány, így az itt látható eredmények nem ezt használják.