Weboldalak tervezésekor sokszor a látványra, az animációkra vagy a működésre koncentrálunk. De mi a helyzet azokkal, akik nem tudnak egeret használni, nem látnak jól, vagy más akadállyal szembesülnek egy honlap használatakor? A mindenki számára használható webes élmény megteremtéséhez weboldalunkat akadálymentessé kell tenni.
Mi is az akadálymentesítés?
Az akadálymentesítés (angolul: accessibility) célja, hogy egy weboldalt minél több felhasználó el tudjon érni, attól függetlenül, hogy: látássérült, hallássérült, mozgáskorlátozott, diszlexiás, idősebb korosztályból való, vagy csak lassabb eszközzel vagy rossz internetkapcsolattal rendelkezik.
Gondoljunk csak bele, hogy egy olyan felhasználó, aki nem látja a képernyőt, annak képernyőolvasó programot kell használnia. Számukra az a legideálisabb, ha a weboldal struktúrája egyszerű, nem bonyolult, illetve minden olyan elem rendelkezik alternatív szöveggel, ami a nem látó felhasználók számára nem vagy alig látható. De akkor is ütközhet akadályba valaki, ha lassabb eszközről akarja megnézni a honlapunkat.
Milyen főbb akadályokat hárítsunk el?
Kontraszt
Egyik legfontosabb a kontraszt arányok megfelelő biztosítása. Itt nem csak az esztétikára kell gondolni, hanem arra, hogy az oldal olvashatósága biztosítva legyen. Ha nehezen olvasható a honlapodon a szöveg, akkor a látogatód nem sokáig fog időzni és inkább a konkurenciához fog fordulni.
A fenti kép jól demonstrálja a kontraszt arányokat. Míg az első képen a fekete szöveg jól elkülönül a fehér háttértől, addig a második képen a fekete szöveg túlságosan beleolvad a sötét barnás háttérbe. Utóbbi példán okulva az ilyen típusú hibákat kerüljük el a kontraszt arányok ellenőrzésével. (Erről hamarosan készülni fog egy külön bejegyzés)
Egyszerű nyelvezet
Az akadálymentesítésben itt a szövegek leegyszerűsítésére kell gondolni – függetlenül az olvasási szinttől, az iskolázottságtól vagy a kognitív nehézségektől. Tehát ez a mondat: „Vizuális hierarchia kialakításával elősegítjük a felhasználók figyelmének célzott irányítását az oldal legfontosabb elemei felé.” egy laikus számára nem feltétlenül érthető, ezért ha meg szeretnéd tartani a látogatóid nagy részét, akkor egyszerűen: „Egy jól elrendezett oldalon a látogatók gyorsan megtalálják, amit keresnek.”, így máris többféleképpen egyszerűsítettük a szöveget; érthetőbb lett, és ráadásul kevesebb szóból álló mondatot képeztünk.
Billentyűzet navigáció biztosítása
Aki nem tud használni egeret, az a billentyűzet segítségével tud navigálni az oldalon. A gyengénlátók képernyőolvasó program használatánál a billentyűzetet használják a navigáció során, illetve a mozgáskorlátozottak, akik nem tudnak egeret használni. Persze vannak olyanok is, akik kényelmi szempontból használják inkább a billentyűzet kombinációkat (például: TAB, SPACE, nyilak stb.) (Erről a témáról is lesz bővebb blog bejegyzés.)
Képek alternatív szövegei
Aki nem látja a képeket, akkor a felolvasóprogram feltudja olvasni, amit szövegként megadtunk. Ha csak díszítő elemként teszünk be képet, akkor nem kell írni hozzá szöveget, mert a tartalom szempontjából lényegtelen, hogy van e ott díszítő elem vagy sem. Viszont, ami hozzáad a szöveghez vizuálisan és illik a tartalomhoz, oda érdemes olyan szöveget írni, ami a lehető legjobban leírja a képet. (Erről is blog bejegyzés hamarosan.)
Elkerülhető villogó, zavaró mozgások kiiktatása.
Bizonyos mozgó, villogó elemek zavaróak lehetnek, vagy akár rohamot is okozhatnak az erre érzékeny felhasználóknál. Ezért kerülendő a túl gyors, erős hatású animáció, vagy ha mégis van animáció, akkor legyen lehetősége a felhasználónak kikapcsolni.
Kiknek szól ez az egész?
Leginkább azoknak, akik valamilyen akadállyal élnek, de ha belegondolunk egy akadálymentes weboldal mindenki számára jobb és használhatóbb. Ha már ezekre a kisebb tippekre oda figyelsz, akkor már gyorsabban kezelhető és könnyebben olvasható lesz az oldalad, ráadásul még a Google is jobban fog szeretni.
Összefoglalva
Az akadálymentesítés nem egy plusz extra, hanem egy alap dolog. Honlapod ki fog tűnni a tömegből, mert ez nem egy különleges opció, hanem egy hozzáállás, ami arról szól, hogy figyelünk egymásra. Munkáimba törekszem ezt az attitűdöt követni, és másokat is erre sarkalni, így az ügyfeleid is sokkal elégedettebbek lesznek.
