Két szín különbözhet látványosan egymástól, miközben a rájuk írt szöveg nehezen olvasható. A kontrasztarány a relatív fénysűrűségek kapcsolatát méri. Webes szövegnél ezt a konkrét előtér–háttér páron kell kiszámítani, az átlátszóság és a tényleges háttér figyelembevételével.
A WCAG küszöbértéke
A WCAG 2.2 szövegre vonatkozó AA kontrasztkövetelménye általában legalább 4,5:1. Nagyméretű szövegnél a küszöb 3:1; a vonatkozó meghatározás legalább 18 pontos, illetve félkövér esetben legalább 14 pontos betűméretet használ. Kivételek is vannak, ezért egy teljes akadálymentességi értékelés több a kontrasztmérésnél.
A képlet (L_világos + 0,05)/(L_sötét + 0,05). A relatív fénysűrűséget az sRGB-csatornák megfelelő linearizálása után számoljuk. A csatornák egyszerű számtani átlaga nem helyettesíti ezt az eljárást.
Két szürke példa fehér háttéren
A #767676 szürke fehér háttéren körülbelül 4,54:1 kontrasztot ad. A hozzá nagyon közeli #777777 már körülbelül 4,48:1 értékű. Az utóbbi a 4,5:1-es küszöböt nem éri el. Az értéket ezért nem szabad felfelé kerekítve megfelelőnek minősíteni.
Fekete és fehér között 21:1 az arány. Ettől még a betűméret, betűvastagság, sortávolság és megjelenítési helyzet befolyásolja a használhatóságot. Egy jó számérték egyetlen ellenőrzési szempont.
Átlátszó vagy változó háttér
Félig áttetsző szövegnél a ténylegesen összeálló színt kell vizsgálni. Fotóra helyezett feliratnál a háttér a betűk alatt változhat, így egyetlen kiválasztott képpont nem írja le az egész szöveget. A DG színeszközzel a színkódokat rendezheted; a kontrasztot a fenti módszerrel vagy erre szolgáló ellenőrzővel számold. A hover, fókusz és hibajelzési állapot színpárját külön is nézd meg.
Kapcsolódó DG Kalkulátor megnyitása
Forrás és módszertani háttér
A számpéldák saját szemléltető számítások.
Saját, végigvezetett számítási példa; a képlet és a modell feltételei a szövegben szerepelnek.
Háromkérdéses tudáspróba
Minden kérdésnél egy választ jelölj meg. A kiértékelés a cikk megértését ellenőrzi.
1. Általános szövegnél mi a leírt AA küszöb?
- A) 4,5:1
- B) 2:1
- C) 3:1
2. 4,48:1 megfelel a 4,5:1 küszöbnek felfelé kerekítve?
- A) Csak szürke színnél
- B) Nem
- C) Igen
3. Fotós háttérnél mit kell figyelni?
- A) Csak a kép átlagos színét
- B) Csak a fájlméretet
- C) A felirat alatti tényleges háttérváltozásokat
Megoldások és önálló pontozás
Minden helyes válasz 1 pont. 3 pont: a három összefüggést helyesen alkalmaztad; 2 pont: nézd át a téves válaszhoz tartozó részt; 0–1 pont: számold végig újra a példát. A rövid próba kizárólag e cikk tanulságaira vonatkozik.
1. Általános szövegnél mi a leírt AA küszöb?
A) 4,5:1 – A nagyméretű szöveghez tartozik az alacsonyabb 3:1 küszöb.
2. 4,48:1 megfelel a 4,5:1 küszöbnek felfelé kerekítve?
B) Nem – A tényleges arányt kell a küszöbhöz hasonlítani.
3. Fotós háttérnél mit kell figyelni?
C) A felirat alatti tényleges háttérváltozásokat – A kontraszt a szöveg különböző részein eltérhet.