Fogyatékossággal élők és a megmentő superman

Akadálymentesség ellenőrzése 5 perc alatt

Áttekintést nyerhetünk honlapunk akadálymentességéről

A WCAG szerinti akadálymentesítési audit legalább 3 teljes napot vesz igénybe. Sokszor szükség van azonban arra, hogy néhány perc alatt adjak valamilyen szakvéleményt: mennyire akadálymentes az adott honlap. 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

  1. Van-e keresőmező a fejlécben?
  2. Mobilon jól áttekinthet-ő, működik-e?
  3. A weboldal címe leírja-e a tartalmát?
  4. A mozgó, változó elemek megállíthatók?
  5. Jól tagolt? Vannak-e címsorok, kiemelések, csoportokba vannak-e rendezve?
  6. Olvasható-e? Sorközök, kis és nagybetűk, kontraszt stb.
  7. Van kenyérmorzsa?

Reszponzivitás

  1. Minden képernyőmérethez megfelelőn alkalmazkodik-e? Nincs e átfedés, lemaradt sorvég
  2. Kis képernyőn is jól olvasható?
  3. Duplájára nagyítva van-e gördítősáv, lemarad vagy átfedésbe került szöveg?
  4. A kattintható elemek egyértelműek-e?

A HTML kódból nyerhető gyors információk:

  1. A képeknek van-e helyettesítő szövege vagy felirata?
  2. A linkek és gombok szabályos HTML elemmel szerepelnek-e?
  3. A linkek szövegéből kiderül-e a link célja?
  4. Vannak-e hierarchiba rendezett címsorszintek?
  5. Vannak-e dupla id attribútumok, lezáratlan HTML elemek?

Űrlapok ellenőrzése:

  1. Az űrlapmezők egyértelműek-e?
  2. Captcha van-e?
  3. Az űrlap kitölthető-e egér nélkül, csak billentyűzettel?
  4. Az űrlapmezőket megfelelő csoportokba rendezik?
  5. Hibás kitöltés esetén kiírja-e a hibát és megjelöli-e a hiba helyét?
  6. Végső elküldés előtt kéri-e hogy még egyszer ellenőrizzük le?
  7. Az elküldés gomb megfelelő szövegű és HTML kódolású?
  8. Helyes kitöltés után ad-e megfelelő visszajelzést?

Működés ellenőrzése:

  1. Billentyűzettel is lehet használni?
  2. Jól látható a fókusz?
  3. A TAB billentyűvel minden vezérlőelem körbejárható?
  4. A minden támogatott operációs rendszerrel és böngészővel működik?
  5. Jelzik-e, ha új lapon nyílik meg a link?