Akadálymentes és látványos egyszerre

Az akadálymentesség – hogy a weboldalt mindenki használni tudja, látássérült, mozgáskorlátozott vagy idős látogató is – sokszor a látvány ellenfeleként jelenik meg. „Ha akadálymentes, akkor nem lehet benne mozgás, sötét háttér, különleges betű.” Ez tévedés. A jó akadálymentesség nem a látványt veszi el, hanem keretet ad neki.

Ami nem engedhet

Néhány szabály a látvány kedvéért sem hajlítható, mert ezek nélkül valaki biztosan kiszorul:

• Szövegkontraszt. A szöveg legyen olvasható a hátterén: normál méretben legalább 4,5:1, nagy címeknél 3:1 arányban (WCAG). Ez sötét és világos háttéren is elérhető – csak tudatos színválasztás kell hozzá.
• Billentyűzetes használat. Minden gomb, link és menü legyen elérhető billentyűzettel is, a fókusz pedig jól látható.
• Mozgáscsökkentés. Aki a rendszerében kevesebb mozgást kért, annak az oldal álljon meg. Erről külön cikkünk szól.
• Űrlapok. Minden mezőnek legyen címkéje, a hibaüzenet pedig érthető és a mezőhöz kötött.
• Szerkezet. Valódi címsorok, logikus sorrend, szöveges alternatíva a képekhez.

Ahol a látvány szabad

A fenti szabályokon belül rengeteg tér marad:

• Díszítő elemek. A háttérháló, a fényfoltok, a lebegő formák nem hordoznak információt – a felolvasóprogramok számára el is rejthetők. Ezek lehetnek bármilyen látványosak.
• Nagy, karakteres címek. A nagy méret az olvashatóságnak kifejezetten jót tesz.
• Mozgás. Amíg megállítható, nem villog gyorsan, és nem visz el tartalmat, nyugodtan lehet gazdag.
• Sötét téma. Ha a kontrasztok rendben vannak, a sötét háttér ugyanúgy akadálymentes, mint a világos.
• Egérre reagáló hatások. Kiegészítésként bármi jöhet – csak a funkció ne függjön tőlük.

Hogyan ellenőrizzük?

Az akadálymentesség nagy része gépileg mérhető. Mi minden oldalt automatikus vizsgálaton (axe-core) futtatunk telefonos és asztali szélességben is, és a cél mindig nulla hiba. Amit gép nem mér – billentyűzetes bejárás, nagyítás, mozgáscsökkentés –, azt kézzel nézzük át.

Ezen az oldalon ugyanígy dolgoztunk: a háló, a fények, a mozgó logó mind díszítő elemek, a szöveg kontrasztja a sötét és a világos sávokban is megfelel, és mozgáscsökkentésnél minden megáll.

Miért éri meg?

• Több ember tudja használni – köztük olyanok is, akik ügyfelek lehetnének.
• A keresők is jobban értik – a jó szerkezet és a szöveges alternatívák nekik is segítenek.
• Mindenkinek kényelmesebb – napfényben telefonon, fáradtan, egy kézzel.
• A prémium hatás része – egy igényes oldal senkit nem hagy ki.

Egy látványos oldal akkor igazán prémium, ha mindenki élvezni tudja. Arról, mitől hat prémiumnak egy weboldal, külön írtunk. A saját munkáinkban ezt a mércét követjük – erről a bemutatkozó oldal szolgáltatásunknál olvashat.