Akadálymentességi megfelelés állapota – áttekintés

A weboldal akadálymentességi jelentése jelentős hiányosságokat jelez a WCAG szabványok teljesítésében, különösen a látássérült és kognitív fogyatékossággal élő felhasználók szempontjából. Az elemzés számos javítandó területet tárt fel a felhasználói élmény javítása érdekében.

  • Kattintható elemek: 1 megfelelt, 5 nem felelt meg
  • Grafikák: 4 megfelelt, 18 nem felelt meg
  • Olvashatóság: 23 megfelelt, 17 nem felelt meg
  • Űrlapok: 1 megfelelt, 3 nem felelt meg
  • Dokumentum-ellenőrzések: 3 megfelelt
  • Általános megfelelés: 18 megfelelt, 38 nem felelt meg

Azonosított konkrét akadálymentességi problémák

A jelentés kiemeli azokat a konkrét problémákat, amelyeket orvosolni kell a WCAG 2.0, 2.1 és 2.2 szabványok teljesítése érdekében. Ezek a problémák főként a látássérült és tanulási nehézségekkel küzdő felhasználókat érintik:

  • Üres horgonylinkek és nem megfelelően címkézett gombok
  • Érvénytelen attribútumokkal rendelkező linkek, amelyek nincsenek megjelölve új lap/ablak nyitására
  • Hiányzó elemek és következetlen címsor-hierarchia
  • 33 hiba az üres dokumentumcím elemek miatt

Grafikák és képek akadálymentességi problémái

Az elemzés sok hibát tárt fel a képakadálymentesség terén, ami kulcsfontosságú a látássérült felhasználók számára:

  • 18 hiba és 4 megfelelés az alt attribútummal rendelkező képcímkéknél
  • Nem működő ikonok/elválasztók, amelyek nincsenek kizárva a kisegítő technológiákból
  • Üres alt szöveg esetén a title attribútum hiányozzon vagy legyen üres

Űrlapok akadálymentességi problémái

A jelentés több akadálymentességi problémát azonosított az űrlapokkal kapcsolatban:

  • 3 hiba és 1 megfelelés az űrlapmező címkézésénél
  • Rejtett input mezők címke nélkül
  • Nem megfelelően használt autocomplete attribútumok

Általános megfelelési problémák

Az általános megfelelési állapot jelentős számú hibát mutat, ami átfogó auditot és javítási tervet tesz szükségessé:

  • 18 megfelelt, 38 nem felelt meg
  • 33 hiba az ARIA attribútumok érvényesítésében
  • Duplikált ID attribútumok és érvénytelen iframe címek

Fejlesztési javaslatok

A jelentés az alábbi lépéseket javasolja az akadálymentesség javítása érdekében:

  • Minden link rendelkezzen leíró szöveggel és érvényes attribútumokkal
  • Megfelelő címsor-struktúrák és dokumentumcímek kialakítása
  • Képek alt szövegeinek biztosítása, űrlapmezők helyes címkézése
  • Manuális audit elvégzése a nem releváns tételek kiszűrésére és a teljes megfelelés javítására

Képek akadálymentességi követelményei

Minden képhez alternatív szöveg szükséges, hogy jelentésük és céljuk érthető legyen látássérült felhasználók számára:

  • A képeknek leíró alt szöveggel kell rendelkezniük a képernyőolvasók használói számára
  • Több kép nem felelt meg ennek a követelménynek

Űrlapvezérlők címkéinek fontossága

Minden űrlapvezérlő elemhez szükséges címke:

  • A címkézés lehet pl. aria-label vagy aria-labelledby attribútumokkal
  • Több űrlapvezérlőnél hiányoztak a megfelelő címkék

Szöveg nagyíthatóság és skálázhatóság

A dokumentumnak lehetővé kell tennie a szöveg nagyítását és a zoomolást:

  • A viewport meta tag nem tilthatja le a szöveg nagyítását

Szövegkontraszt követelmények

A szövegeknek megfelelő kontrasztaránnyal kell rendelkezniük a háttérrel szemben:
Több szövegelem nem felelt meg a kontrasztkövetelményeknek

Egyedi ID attribútumok

Minden ID attribútumnak egyedinek kell lennie:

  • Több elemnél duplikált ID attribútumot találtak

Frame és iframe cím követelmények

Minden frame és iframe elemnek nem üres, leíró címre van szüksége: 

  • Több iframe elem nem felelt meg ennek a követelménynek

ARIA attribútumok érvényes értékei

Az ARIA attribútumoknak érvényes értékeket kell tartalmazniuk: 

  • Több elem érvénytelen ARIA attribútumot használt

Billentyűzet-navigáció és fókuszkezelés

A billentyűzet fókuszát nem szabad csapdába ejteni:

  • A felhasználóknak csak billentyűzettel is szabadon kell tudniuk navigálni

Összegzés

Az akadálymentességi audit számos javítandó területet azonosított, beleértve:

  • Hibás kép alt szövegek
  • Hiányos űrlapmező címkék
  • Nem megfelelő kontrasztarányok
  • Duplikált ID attribútumok
  • ARIA attribútumok helytelen használata