Početna › Baza znanja › Po sustavu
Pristupačnost s WordPressom
Sam WordPress može biti pristupačan — problemi obično dolaze preko teme, dodataka i blokova stranice.
Česta mjesta nalaza
Teme s preniskim kontrastom ili bez vidljivog fokusa, dodaci za klizače bez pauze/upravljanja tipkovnicom, ugrađeni obrasci (Contact Form 7 i sl.) s neoznačenim poljima, slikovni blokovi bez alternativnog teksta i graditelji stranica koji naslove pretvaraju u puke velike odlomke. WordPressov osnovni uređivač obično nije problem — sloj iznad njega jest.
Provjeri i odaberi temu
Tema odlučuje o kontrastu, prikazu fokusa, strukturi naslova i upravljanju navigacijom tipkovnicom. Kriteriji prije odabira: prođite stranicom tipkom Tab — je li fokus uvijek vidljiv? Može li se izbornik koristiti bez miša? Je li kontrast boje teksta i gumba najmanje 4,5:1? Blokovne zadane teme (Twenty Twenty-Four/-Five) solidna su polazna točka; kod plaćenih tema pomaže pogled na demo s isključenim CSS-om i test tipkovnicom.
Radite čisto u blokovnom uređivaču
Koristite blokove naslova ispravnim redoslijedom (jedan H1 po stranici, ne preskačite razinu) — nemojte tekst samo povećati i podebljati. Svakom slikovnom bloku dajte alternativni tekst; isključivo dekorativne slike izričito označite kao dekorativne. Za radnje koristite blok gumba, za navigaciju prave poveznice. Popise kao blok popisa, ne kao odlomak s crticama. Tablice samo za stvarne tablične podatke i s retkom zaglavlja.
Dodaci i obrasci
Dodaci za obrasce (Contact Form 7, WPForms, Gravity Forms) izrađuju pristupačne obrasce samo ako svako polje ima vidljivu, povezanu oznaku i poruke o pogreškama vezane su uz polje — sam rezervirani tekst nije dovoljan. Klizači i vrtuljci trebaju gumb za pauzu i ne smiju zarobiti fokus tipkovnice; u dvojbi ih izostavite. Graditelji stranica (Elementor, Divi, WPBakery) nisu sami po sebi nepristupačni, ali navode na ugniježđene div strukture bez semantike — ovdje obratite osobitu pozornost na naslove i fokus.
Testiranje
Tri brza testa bez dodatnog softvera: (1) stranicom upravljajte samo tipkovnicom — Tab, Enter, strelice; dolazite li svugdje i natrag van? (2) u pregledniku povećajte na 200 % — ostaje li sve čitljivo i upotrebljivo? (3) pokrenite proširenje preglednika poput WAVE ili axe DevTools. Besplatno skeniranje a11yglass dodatno provjerava isporučeni HTML vaše početne stranice u pogledu kontrasta, alternativnih tekstova, oznaka, jezika i strukture te za svaki nalaz navodi WCAG kriterij.
Česta pitanja
Čini li dodatak za pristupačnost moju stranicu usklađenom? Ne — preklopni dodaci koji putem widgeta prebacuju kontrast i veličinu fonta ne rješavaju strukturne probleme i kritiziraju ih udruge osoba s invaliditetom. Koja je tema pristupačna? Ne postoji oznaka; presudna je izvedba u konkretnom slučaju — kriteriji gore pomažu pri odabiru. Treba li moja WordPress stranica izjavu o pristupačnosti? To ovisi o tome je li stranica obuhvaćena BFSG-om (elektronička trgovina) ili je vodi javno tijelo — vidjeti stranicu o izjavi o pristupačnosti.
Kako a11yglass pomaže
Besplatno skeniranje provjerava isporučeni HTML i CSS na automatski prepoznatljiva kršenja WCAG-a i za svaki nalaz navodi kriterij uspješnosti i konkretnu mjeru. Pronalazi otprilike 20–35 % problema i ne zamjenjuje potpunu procjenu.
Čitaj dalje
- Označavanje obrazaca prema WCAG-u
- Struktura naslova prema WCAG-u
- Pristupačnost s Wixom
- Kontrolni popis EAA
Opća informacija prema najboljem znanju, ne pravni savjet. Za pojedinačni slučaj obrati se odvjetničkom uredu specijaliziranom za IT pravo.