Press "Enter" to skip to content

Webes akadálymentesítés

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:

Á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.)
Mission News Theme by Compete Themes.