Hrvatski
a11yglass · Provjera pristupačnosti za web-mjesta

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

Opća informacija prema najboljem znanju, ne pravni savjet. Za pojedinačni slučaj obrati se odvjetničkom uredu specijaliziranom za IT pravo.