2025. június 28-tól alkalmazandók az European Accessibility Act előírásai az Európai Unióban. A szabályozás többek között az online shopokat, jegyértékesítő platformokat és bizonyos digitális szolgáltatásokat is érinti, célja pedig az, hogy ezek a felületek a fogyatékossággal élő felhasználók számára is hozzáférhetők legyenek.
Ez nem jelenti azt, hogy minden vállalkozás automatikusan ugyanazon kötelezettségek alá esik. A szolgáltatást nyújtó, 10 főnél kevesebbet foglalkoztató és 2 millió euró alatti éves árbevétellel rendelkező mikrovállalkozások például kivételt képezhetnek.
Az akadálymentesség azonban jogszabálytól függetlenül is fontos UX-szempont. Mutatunk 5 dolgot, amit érdemes ellenőrizni a weboldaladon.
1. Megfelelő a szövegek kontrasztja?
A világosszürke szöveg fehér háttéren lehet látványos, de nem biztos, hogy minden felhasználó számára könnyen olvasható. Különösen fontos a megfelelő kontraszt a törzsszövegeknél, gomboknál, linkeknél és űrlapoknál.
A WCAG 2.2 szerint az általános szövegeknél legalább 4,5:1 kontrasztarány az AA-szintű elvárás, míg nagyobb szövegeknél 3:1 is megfelelő lehet.
A megfelelő kontraszt ráadásul nemcsak a látássérült felhasználóknak segít. Mobilon, napsütésben vagy kisebb kijelzőn mindenki számára könnyebben használhatóvá teszi az oldalt.
2. Használható a weboldal egér nélkül is?
Próbáld ki ezt a gyors és sokatmondó tesztet: engedd el az egeret, és navigálj a weboldalon kizárólag a billentyűzeted segítségével.
Elérhető a menü? Végig tudsz lépkedni az űrlapokon? Meg tudod nyitni a dropdownokat vagy a felugró ablakokat? Egyértelműen látszik, hogy éppen melyik elem van fókuszban?
A weboldal funkcióinak billentyűzettel is használhatónak kell lenniük, hiszen számos felhasználó és segítő technológia nem egérrel navigál. Egy webshop esetében ezért nem elég, ha a termékoldal elérhető: a kosárnak és a teljes checkout folyamatnak is működnie kell.
3. Rendben vannak a képek alt textjei?
Az alt text segít abban, hogy a képernyőolvasót használó látogatók is megértsék, milyen információt közvetít egy kép. Nem minden képet kell részletesen körülírni. A lényeg az, hogy az információt hordozó vizuálok megfelelő szöveges alternatívát kapjanak, a pusztán dekorációs képeket pedig a segítő technológiák figyelmen kívül tudják hagyni. Egy webshopnál például a „kep123.jpg” helyett sokkal hasznosabb a „fekete irodai szék állítható fejtámlával” típusú leírás.
4. Egyértelműen kitölthetők az űrlapok?
Kapcsolatfelvétel, ajánlatkérés, regisztráció vagy vásárlás: az űrlapok szinte minden üzleti weboldal kritikus pontjai.
Fontos, hogy a mezők megfelelő címkével rendelkezzenek, egyértelmű legyen, mely adatok kötelezők, és a rendszer érthetően jelezze a hibákat. A képernyőolvasónak is fel kell tudnia ismerni, hogy egy adott mező például névhez, email-címhez vagy telefonszámhoz tartozik. A „hiba történt” helyett például sokkal jobb visszajelzés az, hogy „Kérjük, adj meg érvényes email-címet.”
5. Kipróbáltad már az oldaladat képernyőolvasóval?
Egy weboldal attól még, hogy vizuálisan jól néz ki, technikailag lehet nehezen értelmezhető egy screen reader számára. A megfelelő címsorstruktúra, a jól megjelölt gombok, linkek és űrlapmezők mind segítik azt, hogy a tartalom logikája vizuális információ nélkül is követhető maradjon. Az EU akadálymentességi előírásai külön hangsúlyozzák a segítő technológiákkal, például képernyőolvasókkal való együttműködést. Ezért az automatikus accessibility ellenőrzések önmagukban nem feltétlenül elegendők. Érdemes a legfontosabb oldalakat manuálisan, billentyűzettel és képernyőolvasóval is végigtesztelni.
Az akadálymentes weboldal jelentősége
Az European Accessibility Act miatt az akadálymentesség egyre fontosabb része a webfejlesztésnek. Az online shopok, jegyértékesítő platformok és más érintett szolgáltatások esetében az EU-s szabályok 2025. június 28-tól alkalmazandók. De az akadálymentesítés nem csak arról szól, hogy megfeleljünk egy előírásnak. A jobb kontraszt, az átlátható navigáció, az egyértelmű űrlapok és a logikus weboldalstruktúra minden felhasználó számára jobb élményt jelenthet.
Források
European Union – Accessibility requirements for services and products, European Accessibility Act. (European Union)
W3C Web Accessibility Initiative – WCAG 2.2, Contrast, Keyboard Accessibility, Images és Forms útmutatók. (W3C)