Pristupačnost veb-sajta znači da sajt mogu da koriste svi, uključujući osobe sa oštećenim vidom, sluhom ili pokretljivošću, one koje koriste čitač ekrana ili samo tastaturu, i svakoga ko je privremeno ili situaciono ograničen: sa slomljenom rukom, na suncu, sa sporom vezom. Standard koji to definiše su WCAG smernice (Web Content Accessibility Guidelines), a nivo AA je ono što se očekuje od poslovnog i javnog sajta. Većina problema svodi se na osam provera: tastatura, vidljiv fokus, kontrast, naslovi, alt tekst, oznake formi, tekst linkova i veličina ciljeva. Ovaj vodič objašnjava kome pristupačnost pomaže, kako te provere uraditi sami i kako organizovati audit sa planom ispravki.
Za dodatnu proveru preporuka iz ovog vodiča pogledajte standard WCAG 2.2 organizacije W3C i smernice Kancelarije za IT i eUpravu.
Ukratko
- Pristupačnost nije niša: 15–20 % ljudi ima neko trajno ograničenje, a svi imamo privremena i situaciona.
- Većina problema se vidi za 15 minuta: prođite sajt samo tastaturom i proverite kontrast; to otkriva pola svih grešaka.
- Automatski alati nalaze 30–40 % problema; ostalo traži ručnu proveru i čitač ekrana.
- Pristupačan sajt je i bolji sajt: brži, jasnije strukturiran, bolje rangiran, sa manje odustajanja na formama.
Pristupačnost se često doživljava kao obaveza javnih ustanova ili kao tema za velike firme. U praksi je to skup osnovnih pravila dobre izrade koja svaki sajt čine upotrebljivijim za sve, i koja se najjeftinije primenjuju na početku, dok se sajt pravi. Ovaj tekst nije pravni vodič; obaveze za javni sektor u Srbiji imaju svoj okvir i traže stručnu proveru. Ovo je praktičan vodič za vlasnike i urednike sajtova koji žele da znaju šta da traže i kako da provere.
Kome pristupačnost pomaže
Prva reakcija većine vlasnika sajtova je „moji kupci nisu osobe sa invaliditetom“. To je gotovo uvek netačno, jer ograničenja nisu samo trajna, a ni „osobe sa invaliditetom“ nisu mala grupa.
Trajna i privremena ograničenja
Trajna ograničenja obuhvataju slabovidost i slepilo (čitači ekrana, uvećanje, visok kontrast), daltonizam (oko 8 % muškaraca), oštećen sluh (titlovi za video), motorička ograničenja (rad bez miša, samo tastaturom ili glasom), kognitivna i ograničenja pažnje (jasna struktura, jednostavan jezik, bez pokretnih elemenata koji ometaju). Prema procenama Svetske zdravstvene organizacije, 15 do 20 % ljudi ima neko od njih, a udeo raste sa starenjem stanovništva; osoba od 65 godina sa naočarima i blagim tremorom koristi sajt bitno drugačije nego dizajner od 28 koji ga je pravio. Privremena ograničenja traju nedeljama: slomljena ruka, operacija oka, upala uha, oporavak posle bolesti. Svaki korisnik ih ima više puta u životu.
Mobilni i situacioni kontekst
Situaciona ograničenja su ona koja svi imamo svakodnevno: ekran telefona na suncu (kontrast), telefon u jednoj ruci dok drugom nosimo kesu (veličina dugmadi, dostupnost sa palcem), bučno mesto (video bez titlova je beskoristan), spora veza (teške slike bez alt teksta ne prenose ništa), umor i žurba (nejasne forme i poruke o grešci). Većina poseta poslovnim sajtovima u Srbiji dolazi sa telefona, često u pokretu, tako da je „situaciona pristupačnost“ zapravo podrazumevano stanje vašeg kupca. Zato pristupačan sajt ima merljivo manje odustajanja na formama i bolju konverziju, i zato Google u rangiranju vrednuje mnoge iste stvari: strukturu naslova, alt tekst, brzinu, upotrebljivost na mobilnom.
Najvažnije provere
WCAG 2.2 ima desetine kriterijuma, ali osam njih pokriva većinu problema na poslovnim sajtovima. Svaku možete proveriti sami, bez alata ili sa besplatnim.
Tastatura, fokus i kontrast
Tastatura. Sklonite miša i prođite sajt tasterom Tab (napred), Shift+Tab (nazad), Enter i razmaknicom (aktiviranje), strelicama (meniji, slajderi). Sve što se može kliknuti mora se moći i dohvatiti i aktivirati tastaturom, redosledom koji ima smisla; meni koji se otvara samo na prelaz mišem, iskačući prozor iz koga se ne može izaći Escape-om i slajder koji „proguta“ fokus su najčešći problemi. Vidljiv fokus. Dok prolazite Tab-om, mora se jasno videti gde ste: okvir ili podvlaka na aktivnom elementu. Mnoge teme uklanjaju taj okvir „jer ružno izgleda“; to je kao da mišu sakrijete kursor. WCAG 2.2 traži da fokus bude vidljiv i da ga drugi elementi ne prekrivaju. Kontrast. Tekst mora imati odnos kontrasta najmanje 4,5:1 prema pozadini (3:1 za veliki tekst i za ikone i okvire). Svetlosiv tekst na beloj pozadini, beli tekst na svetloj fotografiji i „elegantno“ tanko zlatno na sivom redovno padaju. Proverava se besplatnim alatima (WebAIM Contrast Checker, ekstenzije za pregledač); na sajtu u tamnoj temi, kao što je naš, gledamo da tekst bude svetao i dovoljno velik, a naglasci u boji rezervisani za elemente koji ne nose jedinu informaciju.
Naslovi, forme i alternativni tekst
Struktura naslova. Jedan H1 po stranici, H2 za glavne celine, H3 za podceline, bez preskakanja nivoa. Čitač ekrana korisniku nudi navigaciju po naslovima kao sadržaj knjige; ako su naslovi „nacrtani“ podebljanim tekstom umesto pravih H oznaka, te navigacije nema. Ista struktura je i ono što Google koristi; SEO i pristupačnost se ovde potpuno poklapaju. Alternativni tekst. Svaka slika koja nosi informaciju ima alt tekst koji opisuje šta je na njoj i čemu služi („Grafikon rasta poziva sa 38 na 94 mesečno“, ne „grafikon“ ni „slika1“); dekorativne slike imaju prazan alt da ih čitač preskoči. Tekst u slici (baneri sa ponudom) mora postojati i kao tekst. Forme. Svako polje ima vidljivu oznaku (label) povezanu sa poljem, ne samo tekst unutar polja koji nestane kad počnete da kucate; obavezna polja su označena rečju, ne samo bojom; poruka o grešci kaže šta je pogrešno i kako da se ispravi, i najavljuje se čitaču ekrana. Linkovi imaju tekst koji ima smisla van konteksta: „vodič o ceni izrade sajta“, ne „ovde“ ili „saznajte više“ pet puta na istoj stranici. Veličina ciljeva: dugmad i linkovi na mobilnom najmanje 24×24 piksela po WCAG 2.2, u praksi 44×44 za udobnu upotrebu palcem, sa razmakom između njih.
| Provera | Kako proveriti | Najčešća greška |
|---|---|---|
| Tastatura | Tab / Shift+Tab / Enter / Esc kroz ceo sajt | Meni samo na miš; modal bez izlaza |
| Vidljiv fokus | Da li se vidi gde ste dok prolazite Tab-om | outline: none u CSS-u |
| Kontrast | Contrast Checker; 4,5:1 tekst, 3:1 veliki tekst i ikone | Svetlosivo na belom; tekst preko fotografije |
| Naslovi | Ekstenzija HeadingsMap ili pregled koda | Podebljan tekst umesto H2; više H1 |
| Alt tekst | Pregled slika u Media Library | Prazno ili naziv fajla; tekst samo u slici |
| Forme | Kliknite na oznaku: da li fokusira polje? Pošaljite praznu formu | Placeholder umesto label; greška samo crvenom bojom |
| Tekst linkova | Pročitajte samo linkove na stranici | „Kliknite ovde“, „više“ |
| Veličina ciljeva | Telefon u jednoj ruci, palcem | Sitne ikone, linkovi bez razmaka |
Kako organizovati audit
Provere iznad su za urednike i vlasnike. Audit je sistematičan pregled celog sajta prema WCAG kriterijumima, sa dokumentovanim nalazima i planom. Radi se pri redizajnu, pri preuzimanju sajta, kada organizacija ima obavezu usklađenosti, ili kada želite da to bude proverljiva tvrdnja, a ne utisak.
Automatski i ručni testovi
Automatski testovi (Lighthouse u Chrome-u, axe DevTools, WAVE) skeniraju stranicu i prijavljuju ono što se može izmeriti: nedostajući alt, slab kontrast, polja bez oznake, pogrešan redosled naslova, elementi bez pristupačnog imena. Brzi su i besplatni, i nalaze 30 do 40 % problema. Ne mogu da ocene da li alt tekst ima smisla, da li se meni može koristiti tastaturom ni da li je redosled fokusa logičan. Ručni testovi pokrivaju ostalo: prolazak tastaturom kroz ključne putanje (početna → usluga → forma → potvrda), test sa čitačem ekrana (NVDA je besplatan na Windows-u, VoiceOver ugrađen u Mac i iPhone), uvećanje na 200 % i 400 % (da li sadržaj ostaje čitljiv bez horizontalnog skrolovanja), test bez boje (da li informacija postoji i bez nje), test na telefonu jednom rukom. Audit se radi na reprezentativnom uzorku: početna, jedna stranica usluge, jedan blog članak, kontakt sa formom, a kod prodavnica kategorija, proizvod i ceo proces kupovine.
Plan ispravki i retest
Rezultat audita je lista nalaza, svaki sa: gde je (stranica, element), koji WCAG kriterijum krši, koliko je ozbiljan i kako se ispravlja. Prioritet se određuje po uticaju: blokirajući problemi (forma se ne može poslati tastaturom, meni nedostupan, video bez alternative za jedini sadržaj) rešavaju se odmah; ozbiljni (kontrast na glavnom tekstu, polja bez oznaka, nedostajući alt na informativnim slikama) u prvom krugu; manji (redosled naslova na sporednim stranicama, tekst linkova) u drugom. Većina ispravki na WordPress sajtu sa urednom temom radi se na nivou teme, jednom za sve stranice; sadržajne ispravke (alt, naslovi, tekst linkova) rade urednici po kontrolnoj listi. Posle ispravki sledi retest istim postupkom, i zatim se pristupačnost ugrađuje u redovan rad: kontrolna lista za svaku novu stranicu, provera pri svakoj većoj izmeni teme, kvartalni automatski test. Ako organizacija objavljuje izjavu o pristupačnosti, ona sadrži nivo usklađenosti, metod provere, poznate izuzetke, datum i kontakt za prijavu problema; tvrdnja o „potpunoj usklađenosti“ bez audita je rizičnija od iskrene izjave sa izuzecima.
Najjeftiniji trenutak za pristupačnost je izrada ili redizajn sajta, kada se tema pravi tako da sve navedeno bude podrazumevano. Kada se sajt ionako menja, pristupačnost je deo zadatka, ne dodatni projekat; kako to planiramo u okviru redizajna, opisano je na stranici redizajn sajta. Ako sajt tek pravite, provere iz ovog teksta spadaju u test listu pre objave iz našeg vodiča kroz izradu sajta; brzina, koja je s pristupačnošću tesno povezana, ima svoj poseban vodič.
Najčešća pitanja o pristupačnosti sajta
Šta je WCAG i koji nivo treba da ispunim?
WCAG (Web Content Accessibility Guidelines) su međunarodne smernice za pristupačnost veb sadržaja, sa tri nivoa: A, AA i AAA. Nivo AA je standard koji se očekuje od poslovnih i javnih sajtova i na koji se pozivaju propisi u većini zemalja. AAA je za posebne slučajeve i retko se traži za ceo sajt.
Da li je pristupačnost sajta obavezna u Srbiji?
Za organe javne vlasti postoje propisi koji uređuju veb prezentacije i pristupačnost, i njihova primena traži stručnu proveru. Za privatne firme opšte obaveze su manje jasne, ali su pristupačnost i zabrana diskriminacije povezane, a praktična korist (više korisnika, bolja konverzija, bolje rangiranje) postoji bez obzira na obavezu.
Da li dodatak za pristupačnost (overlay) rešava problem?
Ne. Dodaci koji dodaju ikonu sa opcijama (veći tekst, kontrast) ne popravljaju strukturu sajta, forme ni navigaciju tastaturom, a neki i smetaju čitačima ekrana. Pristupačnost se rešava u temi i sadržaju; overlay može biti dopuna, ne zamena.
Koliko košta audit pristupačnosti?
Audit manjeg sajta na reprezentativnom uzorku stranica, sa listom nalaza i planom ispravki, košta 200 do 600 €; veći sajtovi i prodavnice više. Ispravke na nivou teme obično su nekoliko sati rada; ako je tema loše napravljena, jeftiniji je redizajn.
Da li pristupačnost pomaže SEO-u?
Da, jer se mnoge stvari poklapaju: struktura naslova, alt tekst, tekst linkova, brzina i upotrebljivost na mobilnom su i WCAG kriterijumi i signali koje Google koristi. Pristupačan sajt je jasnije strukturiran i za ljude i za pretraživač.
Da li vaš sajt mogu da koriste svi?
U okviru pregleda sajta radimo i osnovnu proveru pristupačnosti: tastatura, kontrast, forme, naslovi, alt tekst. Dobijate listu nalaza i procenu da li su ispravke stvar sadržaja, teme ili redizajna.
