Mit jelent az akadálymentes weboldal?

Az akadálymentességről sokan azt hiszik, hogy egy szűk csoportnak szól, és kényelmetlen kötelezettség. A valóság az, hogy a legtöbb intézkedés mindenkinek jobbá teszi az oldalt – és többen érintettek, mint gondolná.

Kiről van szó?

Nem csak arról, aki képernyőolvasót használ. Hanem arról is, aki:

• szemüveg nélkül nézi a telefonját a buszon;
• napfényben próbál elolvasni egy halvány szürke szöveget;
• eltörte a kezét, és csak billentyűzettel tud navigálni;
• idősödik, és nehezen talál el egy apró gombot;
• zajos helyen nézne meg egy videót hang nélkül.

Ez már nem szűk csoport. Ez a látogatók jelentős része, alkalmanként mindannyian.

Mi az a WCAG?

A WCAG (Web Content Accessibility Guidelines) a nemzetközi ajánlás, ami leírja, mitől használható egy weboldal. Három szintje van: A, AA és AAA. A gyakorlatban az AA szint a mérce – ezt várja el az Európai Unió akadálymentesítési irányelve is a szolgáltatások egyre szélesebb körétől.

A hat dolog, amit érdemes először megnézni

1. Kontraszt

A halvány szürke szöveg világos háttéren divatos, de olvashatatlan. A szabály: a normál méretű szöveg és a háttér közti kontrasztarány érje el a 4,5:1 értéket. Ezt ingyenes eszközzel meg lehet mérni.

2. Billentyűzet

Próbálja ki: nyissa meg az oldalát, és a Tab billentyűvel járja végig. El tud jutni minden linkhez és gombhoz? Látja, hol tart éppen? Ha eltűnik a fókuszjelzés, az hiba.

3. Képek szöveges leírása

Minden érdemi képnek legyen alt szövege, ami leírja, mi látható rajta. A díszítő képek kapjanak üres alt-ot, hogy a képernyőolvasó átugorja őket.

4. Űrlapok

Minden mezőnek legyen látható felirata – nem elég a mezőbe írt szürke súgószöveg, mert az gépelés közben eltűnik. A hibaüzenet pedig legyen a mezőhöz kötve, ne csak piros szöveg valahol az oldalon.

5. Címsorok rendje

A címsorok nem betűméretet jelentenek, hanem szerkezetet. Egy h1 legyen oldalanként, és ne ugorjon a sorrend h2-ről h4-re. A képernyőolvasót használók ezzel navigálnak, mint mi a tartalomjegyzékkel.

6. Nagyítás

Nagyítson 400%-ra a böngészőben. Ha ekkor vízszintesen is görgetni kell, az akadály. Az oldalnak át kell rendeződnie.

Amit a gép megtalál, és amit nem

Van néhány ingyenes, automata vizsgáló eszköz (ilyen például az axe), és érdemes is használni őket. De fontos tudni: a gépi vizsgálat a hibák nagyjából harmadát találja meg. Azt, hogy egy link szövege értelmes-e („Kattintson ide” vagy „Árlista letöltése”), hogy a sorrend logikus-e, vagy hogy egy alt szöveg tényleg leírja-e a képet, csak ember tudja megítélni.

Miért éri meg, a jogszabályon túl?

• Ugyanazok a lépések, amik a képernyőolvasónak segítenek (rendes címsorok, értelmes linkszövegek, szöveges képleírás), a keresőknek is segítenek.
• Az akadálymentes oldal általában egyszerűbb és gyorsabb.
• Nagyobb közönséget ér el, ugyanazzal a hirdetési költséggel.

Ezt az oldalt is a WCAG 2.1 AA szintjére építettük, és külön szolgáltatásként meglévő oldalak átvizsgálását is vállaljuk.