A weboldal akadálymentességi megfelelés a legtöbb országban jogi követelmény, nem csak dizájnszempont. Az Egyesült Államokban a keret az Americans with Disabilities Act (ADA). Az Európai Unióban az európai akadálymentességi irányelv (European Accessibility Act). Az Egyesült Királyságban az Equality Act. A technikai szabvány, amelyre mindegyik hivatkozik, ugyanaz: a WCAG 2.1 AA szint. Az ADA-kompatibilis weboldal építése azt jelenti, hogy megfelelsz ennek a szabványnak, és az ehhez vezető lépések attól függetlenül érvényesek, hogy a vállalkozásod melyik joghatóságban működik.
Az ADA-kompatibilis weboldal dizájn olyan oldal építését jelenti, amely megfelel a WCAG 2.1 AA szintnek, annak a technikai szabványnak, amelyre az Americans with Disabilities Act hivatkozik a webes akadálymentességnél. A WCAG ugyanaz a szabvány, amelyre az EU európai akadálymentességi irányelve, az Egyesült Királyság közszféra akadálymentességi rendelete, valamint Kanada, Ausztrália és a legtöbb más, webes akadálymentességi követelményeket támasztó ország jogszabályai is hivatkoznak. A jogi keret országonként eltér. A technikai követelmények egységesek.
A folyamat nem egyetlen, egyszer elvégzett audit. Az akadálymentesség építésének, tesztelésének és fenntartásának folyamatos gyakorlata, ahogy az oldal fejlődik. Az új oldalak, új funkciók és dizájnfrissítések mind új akadálymentességi hiányosságok lehetőségét hordozzák.
Mit jelent az ADA-megfelelés egy weboldalra?
Az 1990-ben elfogadott Americans with Disabilities Act tiltja a fogyatékossággal élők megkülönböztetését a közéletben. A törvény III. címe a nyilvános szolgáltatóhelyekre vonatkozik, amelybe a bíróságok és az igazságügyi minisztérium következetesen beleértették a nyilvánosságnak szolgáltató vállalkozások weboldalait is.
Az amerikai szövetségi bíróságokon benyújtott webes akadálymentességi perek száma 2015 óta minden évben nőtt, és az utóbbi években először lépte át az évi 4000 beadványt. Az ügyekben megnevezett vállalkozások a nagy kereskedőktől a kis szolgáltatókig terjednek. A vállalkozás mérete nem védte meg megbízhatóan az alpereseket a jogi lépésektől.
A szabvány, amelyre a bíróságok a leggyakrabban hivatkoznak a weboldal akadálymentességi keresetek elbírálásakor, a WCAG 2.1 AA szint. Ha úgy építed a weboldalad, hogy megfeleljen ennek a szabványnak, az a legközvetlenebb módja a jogi kockázat kezelésének. A mi a weboldal akadálymentesség cikk teljes egészében bemutatja, mit követel a WCAG, beleértve az irányelveket rendező négy alapelvet.
Mely vállalkozásoknak kell megfelelniük a webes akadálymentességi szabványoknak?
Az Egyesült Államokban az ADA III. címe minden, a nyilvánosságnak szolgáltató vállalkozásra vonatkozik: kereskedelemre, vendéglátásra, egészségügyre, pénzügyi szolgáltatásokra, ingatlanra, és minden más vállalkozásra, ahol a nyilvánosság árukhoz vagy szolgáltatásokhoz fér hozzá. Nincs minimális méretküszöb. A kisvállalkozások ugyanolyan gyakran szembesültek akadálymentességi jogi lépésekkel, mint a nagyok.
Az Európai Unióban az európai akadálymentességi irányelv 2025 júniusától megköveteli, hogy az uniós ügyfeleknek digitális termékeket és szolgáltatásokat értékesítő vállalkozások megfeleljenek az akadálymentességi szabványoknak. Az Egyesült Királyság Equality Actje egyenértékű kötelezettségeket ír elő az egyesült királyságbeli ügyfeleket kiszolgáló vállalkozásoknak. Kanada Accessible Canada Actje és Ausztrália Disability Discrimination Actje hasonló követelményeket támaszt ezeken a piacokon.
A legtöbb, nyilvános weboldallal rendelkező vállalkozásra legalább az egyik keret vonatkozik. A gyakorlati következmény mindegyik esetben ugyanaz: építs a WCAG 2.1 AA szintnek megfelelően, és dokumentáld a megfelelést.
Mit követel meg az ADA-kompatibilis weboldal?
A WCAG 2.1 AA szintnek való megfelelés azt jelenti, hogy a weboldal több területén kezeled az akadálymentességet.
Minden érdemi képnek leíró alt szöveg kell. A képernyőolvasót használó látogatónak a szöveges alternatívából magából meg kell tudnia érteni, mit közöl a kép. Azokat a dekoratív képeket, amelyek nem adnak információt, meg kell jelölni, hogy a képernyőolvasók átugorják őket.
A szövegnek a hátteréhez képest meg kell felelnie a minimális színkontraszt-arányoknak. A törzsszövegnél legalább 4,5 az 1-hez kontrasztarány szükséges. A nagy szövegnél és a felületi elemeknél legalább 3 az 1-hez. Az alacsony kontrasztú színsémák a WCAG AA leggyakoribb hibái közé tartoznak, és a legegyszerűbben javíthatók.
Minden űrlapmezőnek látható címkével kell rendelkeznie. A hibaüzeneteknek meg kell nevezniük, melyik mezővel van gond, és el kell magyarázniuk, hogyan lehet javítani. Azok az űrlapok, amelyek csak színnel jelzik a hibákat, cserben hagyják azokat a felhasználókat, akik nem tudják megkülönböztetni a színeket.
Minden interaktív elemnek, beleértve a navigációs menüket, a legördülő választókat és a felugró párbeszédablakokat, teljes mértékben kezelhetőnek kell lennie billentyűzettel. Annak a látogatónak, aki nem tud egeret használni, a Tab billentyűvel végig kell tudnia lépkedni minden interaktív elemen, meg kell tudnia nyitni és zárni a menüket, és be kell tudnia küldeni az űrlapokat kizárólag a billentyűzettel. A mi a weboldal navigáció cikk bemutatja, hogyan kell a navigációs elemeket felépíteni, hogy a billentyűzetet és képernyőolvasót használóknak is működjenek.
A videótartalmakhoz feliratok kellenek. Az előre rögzített hanganyagokhoz átiratok. A beszédet tartalmazó élő videóhoz valós idejű feliratok. A mi a webdizájn cikk bemutatja a tágabb dizájndöntéseket, amelyek meghatározzák, hogyan épülnek fel és jelennek meg ezek az elemek az oldalon.
Hogyan ellenőrzöd, hogy a weboldalad ADA-kompatibilis-e?
A gyakorlati megfelelőségi ellenőrzés az automatikus vizsgálatot kézi teszteléssel kombinálja. Az automatikus eszközök a leggyakoribb WCAG-hibákra vizsgálják az oldalakat, például hiányzó alt szövegre, kontrasztproblémákra és szerkezeti hibákra. Gyorsak, és az egész oldalon lefuttathatók, de az akadálymentességi problémáknak csak mintegy 30-40 százalékát találják meg. A többihez emberi ítélőképesség kell.
A kézi tesztelésnek ki kell terjednie a billentyűzetes navigációra minden oldalon és felhasználói folyamatban. Lépkedj végig az egész oldalon kizárólag billentyűzettel. Ellenőrizd, hogy a fókuszjelzők mindig láthatók, így mindig látod, melyik elem aktív. Győződj meg róla, hogy a legördülő menük billentyűzettel nyílnak és záródnak. Ellenőrizd, hogy az űrlapok egér nélkül kitölthetők és elküldhetők.
A képernyőolvasóval végzett tesztelés olyan problémákat tár fel, amelyeket sem az automatikus eszközök, sem a billentyűzetes tesztelés nem. Ha bekapcsolt képernyőolvasóval végigmész az oldal fő oldalain, kiderül, hogy az oldal logikus sorrendben olvasható-e, a képek hasznosan le vannak-e írva, és az interaktív elemek egyértelműen fel vannak-e címkézve.
Formális megfelelőségi felülvizsgálathoz egy professzionális akadálymentességi audit mindhárom tesztelési módszert lefedi, és jelentést készít a WCAG 2.1 AA szint szerint. Ez hasznos az oldal indulása előtt, jelentős újratervezés után, vagy amikor a jogi kockázatot formálisan kell felmérni.
Mi az az akadálymentességi nyilatkozat?
Az akadálymentességi nyilatkozat a weboldal egyik oldala, amely kinyilvánítja, milyen megfelelőségi szintet céloz meg az oldal, megnevezi az ismert korlátozásokat, elmagyarázza, hogyan kaphatnak segítséget a fogyatékossággal élő felhasználók, és módot ad az akadálymentességi problémák bejelentésére.
Az akadálymentességi nyilatkozat nem garantál jogi védelmet. Az a weboldal, amelynek van akadálymentességi nyilatkozata, de jelentős akadályokat tartalmaz, továbbra is akadálymentesítetlen. A nyilatkozat átláthatósági intézkedés, amely megmutatja a fogyatékossággal élő felhasználóknak, mire számíthatnak, és hogyan kaphatnak segítséget. Az uniós webes akadálymentességi irányelv előírja a közszféra weboldalainak, és a legtöbb akadálymentességi keret ajánlja.
A hasznos nyilatkozat tartalmazza a WCAG verziót és a megcélzott megfelelőségi szintet, az utolsó felülvizsgálat dátumát, az akadályokat bejelentő felhasználók elérhetőségét, és az eddig meg nem oldott ismert problémák rövid leírását.
Hogyan kapcsolódik az ADA-megfelelés a SEO-hoz?
Az ADA-kompatibilissá tevő gyakorlatok jelentősen átfedik azt, amit a keresők az oldal minőségének értékeléséhez használnak. A képeket értelmesen leíró alt szöveg olyan kontextust ad, amelyet a keresők magából a képből nem kaphatnak meg. A logikus címsorszerkezet segít a keresőknek értelmezni az oldal felépítését. A billentyűzettel navigálható, tiszta HTML-lel készült oldalak általában megbízhatóbban bejárhatók.
A technikai átfedésen túl az akadálymentességi fejlesztések csökkentik a lepattanási arányt, és növelik az oldalon töltött időt azoknál a látogatóknál, akiket szolgálnak. Ezek a viselkedési jelek hozzájárulnak ahhoz, hogyan értékelik a keresők, hogy az oldal értéket ad-e. A mi a SEO cikk bemutatja, hogyan kapcsolódnak a felhasználói élmény jelei a keresési helyezésekhez az idő múlásával.
Hogyan kezeli a WEMASY az akadálymentességi megfelelést
A WEMASY weboldalépítője érvényes, szemantikus HTML-t állít elő, amelyet a képernyőolvasók és az automatikus akadálymentességi eszközök helyesen értelmeznek. A sablonokat a WCAG AA színkontraszt-szabványok szerint tesztelik. Az alt szöveg mezői be vannak építve a képfeltöltőbe, így minden képhez adható leírás kódszerkesztés nélkül. A billentyűzetes navigáció alapértelmezés szerint működik az építő kimenetének minden interaktív elemén.
Nézd meg, mi tartozik bele a WEMASY weboldalépítőbe, vagy tekintsd át a csomagokat az árak oldalon.
Gyakran ismételt kérdések
Beperelhetnek egy kisvállalkozást akadálymentesítetlen weboldal miatt?
Igen. Az ADA webes akadálymentességi perekben mindenféle méretű vállalkozást megneveztek, az egyszemélyes szolgáltatásoktól a nagy kereskedőkig. Nincs olyan árbevételi vagy létszámküszöb, amely felmentené a vállalkozást az ADA III. címe alól. A kisvállalkozások a leggyakoribb alperesek közé tartoztak az akadálymentességi ügyekben, éppen mert kisebb eséllyel végeztek akadálymentességi felülvizsgálatot. A per utáni egyezség vagy javítás költsége jellemzően jóval magasabb, mint az akadálymentesség proaktív kezelésének költsége. A WEMASY weboldalépítőjével ezt közvetlenül a saját weboldaladon beállíthatod.
Van hivatalos ADA-tanúsítvány weboldalakra?
Nem. Nincs kormányzati kibocsátású ADA-tanúsítvány weboldalakra. A megfelelést az alapján értékelik, mennyire felel meg az oldal a WCAG 2.1 AA szintnek, nem tanúsítvány alapján. A harmadik fél akadálymentességi auditorai kiadhatnak megfelelőségi jelentéseket, amelyek dokumentálják, hogy az oldalt a WCAG-kritériumok szerint tesztelték, de ezek szakmai értékelések, nem hivatalos tanúsítványok. Egyetlen overlay widget vagy jelvény sem helyettesíti a WCAG-szabvány szerinti valódi auditot.
Milyen gyakran kell felülvizsgálni egy ADA-kompatibilis weboldalt?
Minden alkalommal, amikor az oldal jelentősen változik. Új oldalak hozzáadása, sablonok frissítése, új funkciók telepítése vagy új tartalom közzététele olyan akadálymentességi hiányosságokat hozhat be, amelyek az előző változatban nem léteztek. Az az oldal, amely hat hónapja átment egy akadálymentességi felülvizsgálaton, lehet, hogy már nem felel meg, ha azóta frissítették a dizájnt. A rendszeres automatikus vizsgálatok gyorsan elkapják a visszalépéseket, és minden nagyobb újratervezés vagy platformváltás után teljes kézi auditot kell végezni.
Mi a Section 508, és miben tér el az ADA-megfeleléstől?
A Rehabilitation Act 508. szakasza megköveteli a szövetségi ügynökségektől és a szövetségi finanszírozást kapó szervezetektől, hogy elektronikus és információs technológiáikat elérhetővé tegyék a fogyatékossággal élők számára. Technikai szabványként a WCAG 2.0 AA szintre hivatkozik. A legtöbb magánszférabeli vállalkozás számára az ADA és annak WCAG 2.1 AA mércéje a releváns keret. A szövetségi szerződéseken vagy támogatásokon dolgozó szervezetekre a Section 508 követelményei az ADA-megfeleléssel együtt vagy helyette érvényesek, a munka jellegétől függően.
Az akadálymentességi overlay eszközök ADA-kompatibilissá teszik a weboldalt?
Nem. Az akadálymentességi overlay eszközök olyan szkriptek, amelyek az oldal betöltése után automatikusan próbálják kijavítani az akadálymentességi problémákat. Az akadálymentességi szakértők és az érdekvédelmi szervezetek széles körben bírálják őket, mert nem oldják meg megbízhatóan azokat az alapvető szerkezeti problémákat, amelyek az oldalt akadálymentesítetlenné teszik. A bíróságok nem fogadták el az overlayeket védekezésként az akadálymentességi ügyekben. A valódi megfelelés azt követeli, hogy az akadálymentességet magán az oldalon javítsd ki, ne utólag foltozd egy harmadik féltől származó szkripttel.