null

Hogyan építsünk akadálymentes weboldalt?

2015. aug. 28.

A népesség 20%-a nehezen boldogul megfelelően azokkal a weboldalakkal, amelyek nem akadálymentesek. Összeszedtünk néhány technikát, amelyek használatával mindenki számára jól használható weboldalt készíthetsz.

ÉSZLELHETŐSÉG
Az információt és a felhasználói felület elemeit olyan módon kell megjeleníteni a felhasználók számára, hogy azokat észlelni tudják.
  • Minden nem szöveges tartalomhoz szöveges alternatívát kell biztosítani. A képekhez leírást kell írni az ALT tag-ekbe, az animációk, 3D modellek és egyéb média tartalmakhoz szöveges leírásokat kell készíteni.
  • Hangzó leírást kell biztosítani a videókhoz és a hanganyagokhoz. Ez a gyakorlatban azt jelenti, hogy forgatókönyv-szerűen le kell írni a videó- vagy hanganyagot. 
  • A felolvasó programok csak akkor tudják megfelelően értelmezni a táblázatokat és űrlapokat, ha azok szemantikailag helyes HTML tag-ekkel vannak létrehozva.
  • A könnyű olvashatósághoz megfelelő kontrasztot kell biztosítani a szöveg és a háttér között.
  • Ahol lehetséges, a formázást grafikai elemek helyett CSS-sel kell biztosítani.

 

ÉRTHETŐSÉG

A felhasználói felület működésének és az oldal tartalmának könnyen érthetőnek kell lennie. 

  • A HTML kódnak tartalmaznia kell a teljes szöveg és az abban esetleg előforduló nagyobb, más nyelvű blokkok nyelvi azonosítóját a felolvasóprogramok megfelelő  működéséhez.
  • El kell kerülni a felugró ablakok használatát.
  • A változtatások mentéséhez biztosítani kell egy külön Küldés vagy Mentés gombot az automatikus mentés helyett.
  • Űrlapok és alkalmazások adatbevitele esetén beviteltámogatás szükséges (lehetőleg mindig az adott űrlap mezőhöz kapcsolódóan, a mező előtt). 

 

 

MŰKÖDTETHETŐSÉG

A felhasználói felület elemei és a navigáció többféleképpen legyen működtethető.

  • Minden funkció legyen elérhető billentyűzetről.
  • A felhasználók ugorhassák át az ismétlődő tartalmakat.
  • A görgetés vagy a villogó szöveg legyen megállítható.
  • Támogatás biztosítása a képernyőolvasó navigációjához, beszédes oldalcímekkel, fejlécekkel, és olyan hivatkozásokkal, melyekből egyértelműen kiderül a hivatkozás célja.


 

ROBOSZTUSSÁG

Az oldal legyen elérhető különböző böngészőkkel és kisegítő technológiákkal.

  • Valid HTML kód használata szükséges. 
  • Minden elemnél ki kell tölteni a „name” és a „role” tulajdonságot.
  • A felület vezérlőelemeinél a szabványos és szemantikailag megfelelő formát kell alkalmazni, hogy a kisegítő technikák képesek legyenek információt gyűjteni azok  aktuális állapotáról.