← blog · akadálymentesség · · 2 min
Akadálymentesség page builderrel: miért ilyen nehéz a WCAG 2.1 AA?
A WCAG 2.1 AA megfelelés szemantikus alapokat kíván. A page builderek viszont vizuális eszközök, és sok elemük nem billentyűzetre és képernyőolvasóra készült.
Sági Dániel
Az akadálymentes weboldalt mindenki tudja használni: aki billentyűzettel navigál, aki képernyőolvasót használ, aki gyengénlátó, és aki éppen napfényben, telefonon olvas.
Kötelező is lehet
2025. június 28-tól az európai akadálymentesítési irányelv (European Accessibility Act) bizonyos szolgáltatásoknál kötelezővé teszi az akadálymentességet, például webáruházaknál, banki és utazási szolgáltatásoknál. A mikrovállalkozások szolgáltatásai mentesülhetnek. Hogy a te oldaladra vonatkozik-e, azt érdemes jogásszal ellenőrizni, de a gyakorlati elvárás ettől függetlenül egyre erősebb.
A szemantika a kulcs
A képernyőolvasók a HTML szerkezetéből értik meg az oldalt: mi a főcím, mi a navigáció, mi egy gomb és mi egy link. Page builderben a cím sokszor csak nagy betűs szöveg, a gomb pedig egy kattintható doboz, és ezek a szerkezet szintjén nem azok.
Tipikus hibák page builderes oldalakon
- Több H1 egy oldalon, vagy ugráló címsorszintek.
- Csúszkák és fülek, amelyeket billentyűzettel nem lehet kezelni.
- Gyenge kontraszt a szürke szövegeknél és a gombokon.
- Képek alternatív szöveg nélkül, díszítő képek pedig felesleges leírással.
- Hiányzó vagy rosszul működő fókuszjelzés.
Ezeket page builderben elemenként lehet javítani, és a következő szerkesztés könnyen visszarontja őket, mert a szerkesztő a megjelenést is szabadon állítja.
Mit csinálok másként?
Az akadálymentesség a komponensekbe van építve: minden gomb valódi gomb, minden lenyíló menü kezelhető billentyűzettel, és az Esc billentyűre bezárul, a fókusz mindig látszik, a színeket kontrasztra ellenőrzöm, és minden oldalt automatizált teszttel (axe) is átnézek. Így nem oldalanként kell kiharcolni, hanem minden oldalon alapból megvan. A tartalom (képek alternatív szövege, érthető linkszövegek) a szerkesztőn múlik, ebben segítek.
Egy gyors önteszt
Nyisd meg az oldaladat, és próbáld meg csak a Tab billentyűvel végigjárni. Látod mindig, hol vagy? El tudod küldeni az ajánlatkérő űrlapot egér nélkül? Ha nem, érdemes foglalkozni vele.