Akadálymentességi hibák 77 hargitai céges weboldalon: az automata mérés 96%-nál talált hibát

Az akadálymentességi hibák egy része gépi úton is kimutatható: a túl halvány szöveg, a felirat nélküli link, a leírás nélküli kép. A 100 hargitai cég weboldalát felmérő sorozat hetedik részében 77 céges nyitóoldalt mértem meg egy automata akadálymentességi eszközzel.

Egy fontos megjegyzés előre: az automata mérés a hibák kisebb részét találja meg. Azt, hogy egy oldal billentyűzettel használható-e, vagy hogy a képleírás értelmes-e, gép nem tudja eldönteni. Ezért a nulla hiba sem jelent megfelelést, csak azt, hogy az automatikusan ellenőrizhető szabályok rendben vannak.

Hogyan mértem?

A mérés 2026. szeptember 27-én készült. A minta: a Termene 2025-ös árbevétel-toplistájának 50 legnagyobb hargitai cége és 50 kkv különböző ágazatokból. A 81 működő oldalból 77-en futott le hiba nélkül a mérés, a számok erre a 77 oldalra vonatkoznak. Minden oldalon a nyitóoldalt töltöttem be egy Playwright-alapú böngészőben, és lefuttattam rajta a nyílt forráskódú axe-core eszközt, csak a WCAG 2.1 A és AA szintű szabályokkal.

Korlátok:

• Csak a nyitóoldalt mértem, aloldalakat, űrlapokat, kosarat nem.
• A mérés asztali nézetben (1280 pixel széles ablakban) futott.
• Egy hibatípust oldalanként egyszer számoltam, akárhány elemen fordul is elő.
• A kkv-félben csak működő weboldalú cégek vannak.

Akadálymentességi hibák számokban

• A 77 nyitóoldalból 74-en (96%) talált legalább egy hibát az axe-core.
• Mind a 74 oldalon van legalább egy súlyos vagy kritikus besorolású hibatípus.
• Oldalanként mediánban 3 különböző hibatípus fordul elő.
• A nagy cégeknél 27-ből 26, a kkv-knál 50-ből 48 oldalon volt hiba. Itt nincs különbség.

A négy leggyakoribb hiba

Gyenge kontraszt (59 oldal, 77%). A szöveg és a háttér színe túl közel van egymáshoz. A WCAG normál szövegnél legalább 4,5:1-es kontrasztarányt kér. Egy gyengénlátó, egy idősebb látogató vagy bárki napfényben, telefonról nehezen olvassa. A javítás általában egy árnyalatnyival sötétebb szövegszín vagy világosabb háttér.

Név nélküli link (53 oldal, 69%). A link csak egy ikon vagy kép, szöveg és leírás nélkül. A képernyőolvasó ilyenkor csak annyit mond, hogy „link", vagy felolvassa a címet. Tipikusan a lábléc közösségi ikonjai és a logó linkje ilyen. Javítás: aria-label a linkre, vagy alt szöveg a benne lévő képre.

Tiltott nagyítás (16 oldal, 21%). Az oldal meta viewport címkéje letiltja vagy korlátozza a nagyítást (user-scalable=no vagy alacsony maximum-scale). A látogató telefonon nem tudja két ujjal felnagyítani a szöveget. Javítás: ezt a két beállítást ki kell venni, ez általában egyetlen sor a téma fejlécében.

Alt szöveg nélküli kép (15 oldal, 19%). A képnek nincs szöveges leírása, a képernyőolvasó a fájlnevet olvassa fel, vagy átugorja. Javítás: a tartalmi képekhez rövid, tartalmat leíró alt szöveg, a díszítő képekhez üres alt="".

A lista folytatása ritkább, de hasonló jellegű: felirat nélküli gomb (10 oldal), cím nélküli beágyazott térkép vagy videó (9), a szövegtől csak színben eltérő link (7) és címke nélküli űrlapmező (6).

Mit nem lát az automata mérés?

Az axe-core azt ellenőrzi, amit a kódból egyértelműen el lehet dönteni. Nem tudja megmondani:

• hogy billentyűzettel (Tab, Enter) végig lehet-e menni az oldalon, és látszik-e, hol jár a fókusz;
• hogy az alt szöveg értelmes-e, vagy csak annyi, hogy „kép1";
• hogy 200%-os nagyításnál is használható-e az oldal;
• hogy a felugró ablakok, menük és űrlaphibák képernyőolvasóval is érthetők-e.

Ezeket kézzel kell végigpróbálni. A mérés tehát alsó becslés: ahol az automata eszköz hibát talált, ott biztosan van teendő, ahol nem, ott is lehet.

Kire vonatkozik a kötelezettség?

Romániában a 232/2022-es törvény 2025. június 28. óta bizonyos termékekre és szolgáltatásokra, köztük a webshopokra kötelezővé tette az akadálymentességet, a mikrovállalkozások kivételével. Itt írtam le részletesen, kire vonatkozik és kire nem. A mérce a W3C WCAG-irányelvei. Ha rád nem is vonatkozik, a fenti négy hiba javítása olcsó, és minden látogatónak jobb tőle az oldal.

Ötperces önellenőrzés

• Nyisd meg az oldalt, és csak a Tab billentyűvel menj végig rajta: mindig látod, hol jársz?
• Telefonon próbáld két ujjal felnagyítani a szöveget. Engedi?
• Olvasható a világosszürke szöveg a fehér háttéren, napfényben is?
• A közösségi ikonoknak és a logónak van szöveges leírása?
• Futtasd le a böngésződ fejlesztői eszközeiben a Lighthouse akadálymentességi mérését: ugyanazt az axe-core-t használja.

Ha szeretnéd, hogy megnézzem az oldaladat, írd meg a címét. Az általam készített oldalak a WCAG AA szintjére épülnek, a meglévő oldalak átvételénél pedig ezek a hibák az első javítások között vannak.