Internet odavno više nije igralište za tehnički znatiželjne, nego središnje mjesto za informacije, komunikaciju i trgovinu. Pristupačan web dizajn zato nije mogućnost nego nužnost, zbog dostupnosti i zbog pravnih zahtjeva poput Europskog akta o pristupačnosti i direktive o pristupačnosti mrežnih stranica. Ovaj vodič pokazuje kako se pristupačne web stranice izrađuju u WordPressu i TYPO3.
Osnove: zašto je pristupačnost važna
Pristupačnost je više od pukog dolaska do stranice. Znači da je vaša web stranica upotrebljiva za sve, neovisno o pojedinačnim sposobnostima ili ograničenjima. To uključuje osobe s oštećenjem vida, gubitkom sluha, motoričkim teškoćama ili kognitivnim ograničenjima. Razumijevanje tih potreba prvi je korak.
Koristi su raznolike: veće zadovoljstvo korisnika, bolja pronalažljivost u tražilicama, pozitivnija slika tvrtke i ispunjavanje pravnih zahtjeva. A pristupačno ne znači staromodno: promišljen pristupačan dizajn u pravilu poboljšava i upotrebljivost i estetiku.
WordPress: pristupačnost u praksi
WordPress nudi solidnu osnovu, ali traži pozornost na više mjesta.
- Teme: odaberite pristupačnu temu s čistom semantičkom strukturom, dakle ispravnom uporabom header, nav, main i footer, te dovoljnim kontrastom boja. Provjerite dokumentaciju i izvještaje o testiranju prije nego se odlučite.
- Dodaci: alati poput Accessibility Checkera provode automatizirane testove. Ne zamjenjuju ručnu provjeru, ali pouzdano pronalaze očite pogreške.
- Slike: svakoj slici dodijelite alternativni tekst. Opišite svrhu slike i prenesite sadržaj, a ne samo izgled.
- Obrasci: svako polje za unos treba povezanu oznaku. Poruke o pogreškama idu uz pripadajuće polje, a ne samo na vrh obrasca.
TYPO3: pristupačnost u velikim sustavima
TYPO3 nudi iste mogućnosti, ali je pristup tehničkiji.
- TypoScript: pazite da konfiguracija stvara semantički ispravan markup i uredno prikazuje strukturu dokumenta.
- Extensions: alati za provjeru i predlošci temeljeni na Fluidu pomažu da prikaz i struktura ostanu dosljedni.
- Predlošci: izbjegavajte nepotrebno ugnježđivanje div elemenata i koristite prikladne HTML5 elemente.
- Kontrast: provjeravajte tekst naspram pozadine sustavno, a ne uzorkovanjem. Zahtjev je 4,5:1 za tekući tekst.
Zamke i provjeren pristup
Pristupačan dizajn ne znači odricanje od kreativne slobode, nego njezinu svjesnu primjenu. Uobičajene zamke su kontrast boja, logika navigacije i razumljivost teksta.
- Kontrast boja: provjeravajte alatima, a ne po osjećaju. Ono što na kalibriranom zaslonu izgleda dobro često podbaci na suncu.
- Tipografija: dobro čitljiva pisma, dovoljna veličina, izdašan prored.
- Navigacija: jasna i predvidljiva. Sve važne stranice moraju biti dostupne kroz navigaciju, i samo tipkovnicom.
- Razumljivost: jednostavan jezik, kratke rečenice, bez nepotrebnog žargona. To koristi svima, ne samo osobama s kognitivnim ograničenjima.
Zaključak: uzeti u obzir od početka
I WordPress i TYPO3 nude sve potrebno za pristupačne web stranice. Odlučujući je trenutak: uzeti pristupačnost u obzir na početku projekta štedi preradu na kraju. Ugrađena naknadno, postaje skupa, i rijetko je potpuna.
Tko jednom razumije WCAG kriterije, primjenjuje ih bez dodatnog truda. Oni nisu stega nego popis za provjeru stvari koje ionako treba dobro napraviti.