Egy akadálymentes oldalt az is használni tud, aki rosszul lát, csak billentyűzettel navigál, képernyőolvasóval hallgatja az oldalt, vagy éppen erős napfényben nézi a telefonját. Az akadálymentesség ezért sokkal több emberről szól, mint elsőre gondolnánk, és a legtöbb javítás mindenkinek kényelmesebbé teszi a használatot.
A nemzetközileg elfogadott irányelv a WCAG (Web Content Accessibility Guidelines), amely ellenőrizhető szempontokba rendezi, mitől lesz egy oldal hozzáférhető. A szempontok négy elv köré csoportosulnak, az oldalnak észlelhetőnek, kezelhetőnek, érthetőnek és robusztusnak kell lennie.
A WCAG három megfelelési szintet ír le, ezek közül az AA szintet szokás célként kitűzni, mert ez lefedi a legfontosabb akadályokat, és egy átlagos weboldalnál észszerű munkával elérhető.
Mire figyelünk tervezéskor
- Elég erős legyen a kontraszt a szöveg és a háttér között
- Minden funkció elérhető legyen billentyűzettel is, látható fókuszjelöléssel
- A képeknek legyen leíró alternatív szövege, a díszítőelemeknek pedig ne legyen
- Az űrlapmezőknek legyen látható címkéje, és a hibaüzenet mondja meg, mi a gond
- Az információt ne csak a szín hordozza, egy piros mező mellett legyen szöveg vagy ikon is
A képernyőolvasót használók a címsorok alapján tájékozódnak egy oldalon, ezért a címek sorrendje és szintje is számít. Egy jól felépített oldalon a címsorokból önmagukban is kirajzolódik a tartalom vázlata, ami a többi látogatónak is segít a gyors áttekintésben.
Ezek a szempontok a tervezés elején kerülnek a legkevesebb munkába. Egy színpaletta kontrasztját a stílus kialakításakor ellenőrizzük, a fókuszállapotokat és a hibaüzeneteket pedig a design system részeként tervezzük meg, így a fejlesztőnek már nem kell utólag kitalálnia őket.
Egy meglévő oldalnál egy célzott átvizsgálás megmutatja, hol vannak a legnagyobb akadályok. A javítások egy része a tervet érinti, egy része a kódot, ezért a megállapításokat úgy adjuk át, hogy a fejlesztőd is tudja, mi a dolga.
Az akadálymentes oldal a keresőknek is jobban érthető, mert a jól felépített címsorok és a képek leírásai nekik is segítenek eligazodni a tartalomban.
