This translation has not been editorially reviewed yet. The German version is authoritative. Deutsche Fassung
Akadálymentesség
Milyen színkontraszt szükséges a szöveghez a weboldalon?
A normál szövegnek legalább 4,5: 1-es kontrasztarányra van szüksége a háttérben, nagy szövegre - körülbelül 24 pixelről vagy körülbelül 18,7 pixelről - félkövér szövegre - legalább 3: 1-re. Ezek a küszöbértékek a WCAG nemzetközi szabványból származnak. Gondoskodnak róla, hogy még a hanyatló látással rendelkezők is elolvashassák az üzeneteiket, és a telefonjukon a napfényben lévő látogatókat.
A kontraszt arány, elmagyarázva a mindennapi nyelven
A kontraszt arány leírja, hogy mennyi szöveg színe és a háttér színe különbözik a fényerő. Fekete a fehér eléri a maximális értéket 21: 1, és könnyedén olvassa. A divatos világosszürke a fehéren gyakran 3: 1 alatt van - az életkorral összefüggő látásromlásban szenvedők számára ez a szöveg szürke területre elmosódik. Nem csak a látássérült érinti: az ügyfél, aki a nyitvatartási időt napfényben a mobiltelefon is megbukik miatt gyenge ellentétek. A 4.5: 1-es küszöb a normál szövegre és a 3: 1-es a nagy szövegre az alkotói szabadság és a szabványban meghatározott megbízható olvashatóság közötti kompromisszum.
Ez az, ahogy a mérőmag mérések kontraszt - szintén a képek
Az alapmérést axe- core végzi: Számítja a kontraszt arány a szöveg és a háttér színe a szövegek az oldalon. A fotókra vagy színgradiensekre vonatkozó szöveg esetében egyetlen eszköz sem képes egyszerűen olvasni a hátteret - ez az, ahol a mérőmagunk folytatódik: Röviden láthatatlanná teszi a szöveget, lefényképezi a helyet a böngészőben, kiszámítja az aktuális háttérpixel fényerejét pixelenként, és meghatározza az igazi kontrasztot a szövegszínnel. Így a "nem döntő" szilárd ítéletté válik. Minden hibát dokumentálni kell a jelentésben a mért értékkel, az előírt küszöbértékkel és egy dokumentált képernyőfotóval, így pontosan látható, hogy melyik átjáró érintett.
A kontraszt javítása a design feláldozása nélkül
Jó kontrasztok nem kényszerítik a fekete-fehér design. Általában elég, hogy elsötétítse a szöveg színét néhány fokkal - a világos szürke lesz egy közepes antracit, amely sugározza ugyanazt az önuralmat, és még mindig olvasható. A képeken lévő szöveg esetében a bizonyított fogantyúk segítenek: egy félátlátszó sötét terület a szöveg mögött, egy színgradiens a kép alján vagy a szöveg átvitele egy csendes képterületre. Általában nem kell változtatni a márka színe erre - ez gyakran elég, hogy használja őket a nagy háttérrel, és válassza ki a sötétebb vagy könnyebb változata azonos színű család a szöveget.
Példák
Szürke szöveg fehér
body { color: #999999; background: #ffffff; } /* 2,8:1 */body { color: #595959; background: #ffffff; } /* 7,0:1 */A normál szöveg felső határa 4.5: 1, 24 pixel 3: 1 nagyságú szöveghez. Az érték referenciánként a vizsgálati jegyzőkönyvben van.
Fehér felirat a márka színén
.knopf { color: #fff; background: #5aa9ff; } /* 2,5:1 */.knopf { color: #fff; background: #1a5fb4; } /* 6,3:1 */- Ellenőrizze a honlap szürke szöveg első - lábfejek, feliratok, és űrlapok leggyakrabban a küszöb alatt.
- Kérje meg az ügynökséget, hogy ellenőrizze az összes szöveges színek szemben a küszöbértékek 4.5: 1 és 3: 1 és dokumentálja az értékeket.
- Szöveg egy félátlátszó sötét felületű képeken, ahelyett, hogy a képre hagyná az olvashatóságot.
- Nézd meg az oldaladat fényes nappal a telefonodon - mi az, ami ott mindig megbillent az alacsony látótávolságú látogatóknak.
- Adja meg a tesztelt színkombinációkat a tervezési kézikönyvben, hogy az új oldalak elfogadják őket.
