A webes akadálymentességet három szabályozásra lehet leegyszerűsíteni: WCAG 2.2, egy európai akadálymentességi direktíva és a 2025-ben életbe lépő magyarországi törvény.
Irányelvek:
- https://www.w3.org/TR/WCAG22/
- https://eur-lex.europa.eu/HU/legal-content/summary/accessibility-of-products-and-services.html
- https://njt.hu/jogszabaly/2022-17-00-00
Általánosságban a webes akadálymentesítésről
- a webes akadálymentesítés csak a publikus felületre értendő, az admin vagy paywall mögé rejtettre nem
- általános alapgondolat: a web legyen mindenki számára egységesen és azonos módon, szinten elérhető, használható
- így akadálymentesítés alatt nemcsak a (fizikai) fogyatékossággal élőkre kell gondolni, hanem egyéb rendellenességekre (például ADHD, autizmus, stb.), plusz olyan ideiglenes vagy tartós állapotokra is, ami bárki életében bekövetkezhet (például begipszelt kézzel csak egy kéz használható)
- A szabályozást a WCAG 2.2, egy európai direktíva és egy 2025. június 28-án életbe lépő magyar törvény szabályozza, de nem fekete-fehér, megindokolható, hogy mit miért teszünk vagy nem tettünk meg
Néhány konkrét megvalósítási példa a webes akadálymentesítésre
- minden médiának legyen ALT szövege, ami leírja, mi látható rajta (70-100 karakter)
- legyen jelölő elem vagy alternatív ikon is az egyes interakciós vagy fontos részeknél (például „X Mégse” és „↵ Belépés”)
- mindennapokban ismert szavakat használjunk a könnyebb érthetőség érdekében
- a linkszövegek megjelenítése legyen beszédes (például az alacsony értelmi képességűek is tudják, mi fog történni, például „ide kattintva további részlet érhető el az X termékről” a „tovább” helyett)
- linkeket láthatóan, egyértelműen különítsük el (például aláhúzással, más színnel, stb.)
- gondoljuk át a használt szavakat, a hallássérültek, siketek kisebb szókészlettel rendelkeznek, nekik egy-egy szó egy-egy dolgot jelent és egy kifejezésnek nem igazán vannak szinonímái (erre állítólag volt korábban egy hiba a Burger King weboldalán, mi értjük a „Menüben kéred az opciót?” mondatot, de ez megzavart bizonyos embereket, a menü a menüsávot jelöli, opciót pedig nem is választott, nem tudta értelmezni)
- ha lehet, használjunk a jelnyelvvel kommunikálók miatt egyszerűbb szöveget, csökkentett szókészletet
- ne használjunk túl erős színeket, mert zavarhatják a neurodiverzitással élőket
eseményeket hangokkal is megerősíthetjük (például értesítés érkezésekor) - ne használjunk figyelemzavaró elemeket (például ne pakoljunk tele mozgó reklámmal egy blogbejegyzést)
- ne ugorjunk át heading (H1…H6) elemeket, mert a felolvasókat rosszul befolyásolhatja
- űrlapok esetében támogassuk a felhasználói adatbevitelt (például legyen egyértelmű, hogy jó vagy rossz az input [zöld/piros keret], hibás bevitelnél legyen kiemelve a hiba, esetleg legyen aktív az éppen aktuális mező, stb.)