Akadálymentes-e a weboldalunk?
Sokszor szükség van azonban arra, hogy néhány perc alatt adjak valamilyen szakvéleményt: mennyire akadálymentes az adott honlap.
A WCAG szerinti akadálymentesítési audit (WCAG-EM) alapján legalább 3 teljes napot vesz igénybe. Az alábbi lista olyan gyorsan ellenőrizhető kritériumokat sorol fel, amely alapján a WCAG 2.1 akadálymentességi szintjéről nagyvonalúan lehet valamit állítani.
A lista nem teljeskörű, és nem elég precíz ahhoz, hogy komoly szakvéleményt lehessen mondani az adott oldalról. Sokkal inkább azzal a céllal publikálom, hogy érthetővé tegyem mások számára is, hogy az akadálymentes weboldalaknak milyen egyszerű feltételeknek kellene megfelelniük.
Alapok
- Van-e keresőmező a fejlécben?
- Mobilon jól áttekinthető, működik?
- A weboldal címe leírja-e a tartalmát?
- A mozgó, változó elemek megállíthatók?
- Jól tagolt? Vannak-e címsorok, kiemelések, csoportokba vannak-e rendezve?
- Olvasható-e? Sorközök, kis és nagybetűk, kontraszt stb.
- Van kenyérmorzsa?
Reszponzivitás
- Minden képernyőmérethez megfelelően alkalmazkodik-e? Nincs e átfedés, lemaradt sorvég
- Kis képernyőn is jól olvasható?
- Duplájára nagyítva van-e gördítősáv, lemarad vagy átfedésbe került szöveg?
- A kattintható elemek egyértelműek-e?
A HTML kódból nyerhető gyors információk:
- A képeknek van-e helyettesítő szövege vagy felirata?
- A linkek és gombok szabályos HTML elemmel szerepelnek-e?
- A linkek szövegéből kiderül-e a link célja?
- Vannak-e hierarchiába rendezett címsorszintek?
- Vannak-e dupla id attribútumok, lezáratlan HTML elemek?
Űrlapok ellenőrzése:
- Az űrlapmezők egyértelműek-e?
- Captcha van-e?
- Az űrlap kitölthető-e egér nélkül, csak billentyűzettel?
- Az űrlapmezőket megfelelő csoportokba rendezik?
- Hibás kitöltés esetén kiírja-e a hibát és megjelöli-e a hiba helyét?
- Végső elküldés előtt kéri-e hogy még egyszer ellenőrizzük le?
- Az elküldés gomb megfelelő szövegű és HTML kódolású?
- Helyes kitöltés után ad-e megfelelő visszajelzést?
Működés ellenőrzése:
- Billentyűzettel is lehet használni?
- Jól látható a fókusz?
- A TAB billentyűvel minden vezérlőelem körbejárható?
- Minden támogatott operációs rendszerrel és böngészővel működik?
- Jelzik-e, ha új lapon nyílik meg a link?
Az Akadálymentes webdesign.hu oldalamon 2016-ban megjelent cikk felújított változata.