Kezdőlap › Tudásbázis › Rendszer szerint

Akadálymentesség WordPresszel

Maga a WordPress lehet akadálymentes — a problémák többnyire a sablonon, a bővítményeken és az oldalelemeken keresztül jönnek.

Gyakori előfordulási helyek

Túl alacsony kontrasztú vagy látható fókusz nélküli sablonok, szüneteltetés/billentyűzetes kezelés nélküli csúszka-bővítmények, felirat nélküli mezőket tartalmazó beágyazott űrlapok (Contact Form 7 stb.), alt szöveg nélküli képblokkok, és oldalszerkesztők, amelyek a címsorokból csupán nagy bekezdéseket csinálnak. A WordPress alap-szerkesztő általában nem a probléma — a fölötte lévő réteg igen.

A sablon ellenőrzése és kiválasztása

A sablon dönt a kontrasztról, a fókusz megjelenítéséről, a címsorszerkezetről és a navigáció billentyűzetes kezeléséről. Szempontok a választás előtt: menj végig az oldalon a Tab billentyűvel — mindig látható a fókusz? Kezelhető a menü egér nélkül? A szöveg és a gombok színkontrasztja legalább 4,5:1? A blokkalapú alapértelmezett sablonok (Twenty Twenty-Four/-Five) szilárd kiindulópont; a vásárolt sablonoknál segít egy pillantás a demóra kikapcsolt CSS-sel és a billentyűzetes teszt.

Dolgozz tisztán a blokkszerkesztőben

Használd a címsorblokkokat a megfelelő sorrendben (egy H1 oldalanként, ne ugorj át szintet) — ne csak nagyra és félkövérre állítsd a szöveget. Adj minden képblokknak alt szöveget; a tisztán díszítő képeket kifejezetten jelöld díszítőnek. Műveletekhez a gombblokkot használd, navigációhoz valódi hivatkozásokat. A listák listablokként, ne kötőjeles bekezdésként. Táblázatok csak valódi táblázatos adatokhoz és fejlécsorral.

Bővítmények és űrlapok

Az űrlapbővítmények (Contact Form 7, WPForms, Gravity Forms) csak akkor hoznak létre akadálymentes űrlapokat, ha minden mezőnek van látható, összekapcsolt címkéje, és a hibaüzenetek a mezőhöz kötődnek — a helykitöltő szöveg önmagában nem elég. A csúszkáknak és körhintáknak szünet gomb kell, és nem foghatják csapdába a billentyűzetfókuszt; kétség esetén hagyd ki őket. Az oldalszerkesztők (Elementor, Divi, WPBakery) önmagukban nem akadályozottak, de beágyazott, szemantika nélküli div-szerkezetekre csábítanak — itt különösen figyelj a címsorokra és a fókuszra.

Tesztelés

Három gyors teszt külön szoftver nélkül: (1) kezeld az oldalt csak billentyűzettel — Tab, Enter, nyilak; eljutsz mindenhová és vissza is? (2) nagyíts a böngészőben 200%-ra — minden olvasható és kezelhető marad? (3) futtass egy böngészőkiegészítőt, mint a WAVE vagy az axe DevTools. Az a11yglass ingyenes vizsgálata emellett ellenőrzi a kezdőlapod kiszolgált HTML-jét kontraszt, alt szövegek, címkék, nyelv és szerkezet szempontjából, és minden találathoz megnevezi a WCAG-kritériumot.

Gyakori kérdések

Megfelelővé teszi az oldalamat egy akadálymentesítő bővítmény? Nem — a widgettel kontrasztot és betűméretet váltó rátétes bővítmények nem oldják meg a szerkezeti problémákat, és az érintettek érdekvédelmi szervezetei bírálják őket. Melyik sablon akadálymentes? Nincs védjegy; a konkrét eset megvalósítása a döntő — a fenti szempontok segítenek a választásban. Kell-e a WordPress-oldalamnak akadálymentesítési nyilatkozat? Ez attól függ, hogy az oldal a BFSG hatálya alá esik-e (elektronikus kereskedelem), vagy közszervezet üzemelteti — lásd az akadálymentesítési nyilatkozatról szóló oldalt.

Hogyan segít az a11yglass

Az ingyenes szkennelés a kiszolgált HTML-t és CSS-t vizsgálja automatikusan felismerhető WCAG-sértések szempontjából, és minden megállapításnál megnevezi a sikerkritériumot és egy konkrét intézkedést. A problémák nagyjából 20–35 %-át találja meg, és nem helyettesíti a teljes körű vizsgálatot.

Tovább olvasás

Általános tájékoztatás legjobb tudomás szerint, nem jogi tanács. Az egyedi esethez vonj be egy IT-jogra szakosodott ügyvédi irodát.