Šta znači WEB Accessibility ?

Jeste li znali da je otprilike 290.000 stanovnika u Bosni i Hercegovini ima određeni stepen invaliditeta ?

Učiniti vašu web stranicu dostupnom za osobe sa invaliditetom nije samo bitna stvar već utiče i na samu strukturu vašeg poslovanja, jer na taj način vaša web stranica može postići bolju i veću posjetu. Poboljšanjem korisničkog iskustva kako bi se zadovoljili standardi pristupačnosti, Web Accessibility može pomoći korisnicima da prevaziđu prepreke uzrokovane lošim korisničkim iskustvom.

Iako osobe sa invaliditetom imaju problema i sa korištenjem mobitela, sa ovim člankom ću nastojati da vas upoznam sa Web Accessibilitiy i obuhvatiti ću značajne parametre i pravilnike vezane za korištenje interneta ili ekrana za čitanje i kako se to odnosi na web dizajn i web programiranje.

Web Accessability je standard koji se koristi za efikasnije kreiranje web stranica i web aplikacija koje su prilagođene za osobe sa invaliditetom, preciznije rečeno, bitno je da web stranica ili web aplikacija bude prilagođena u toj mjeri kako bi osobe sa poteškoćama sa vidom, sluhom ili nekim drugim poremećajem mogli nesmetano da pregledaju sadržaj na web stranici.

Šta je VCAG 2.0?

AODA-in standard pristupačnosti za informacije i komunikaciju  i navodi da web lokacije moraju ispunjavti određene tehničke kriterije u skladu sa smjernicama za pristupačnost web sadržaja 2.0 (VCAG 2.0).

Postoje 3 nivoa VCAG 2.0 koji uključuju:

Nivo A – Ovo je minimalni nivo da bi se web lokacija mogla smatrati dostupnom. Bavi se osnovnim problemima pristupačnosti, poput pružanja HTML-a alternativnog teksta slikama. Ovaj nivo nije ograničen na samo jednu invalidnost i uključuje posjetioce koji koriste čitače ekrana.

Nivo AA – Rješava naprednija pitanja, uključujući vizuelnu prezentaciju slika i teksta. To bi zahtjevalo naprednije promjene u dizajnu i izgledu kako bi se pridržavale određene populacije. To može uključivati doslijednu navigaciju kroz web stranicu, a sadržaj je organizovan pod jasnim naslovima i da tekst i pozadina imaju minimalni nivo kontrasta zbog čitljivosti.

Nivo AAA – Ovo može da rješi probleme za određenu populaciju korisnika. Ovaj nivo omogućava najvećem broju osoba sa invaliditetom da pristupe web lokaciji. Kriterijumi nivoa AAA mogu da uključuju prevod znakovnog jezika za unapred snimljene video zapise, da imaju sadržaj na nivou čitanja 9. razreda i da sačuvaju korisničke podatke za ponovnu potvrdu identiteta.

10 koraka kako svoju wordpress web lokaciju prilagodite AODA

1. Uvjerite se da je web lokacija prilagođena tastaturi – Budući da se većina pomoćnih tehnologija oslanja na navigaciju preko tastature, važno je da budete sigurni da je vaša web lokacija prilagođena tastaturi.To uključuje dodavanje mogućnosti tabuliranja između polja na obrascima i područja stranice, uključujući veze i sadržaj. Trebate osigurati da su sva područja na stranici dostupna putem tastera tab.
2. Dodajte ALT tekst svim slikama – Kada dodajete slike na svoju web lokaciju, obavezno dodjelite alternativni tekst. ALT tekst djeluje kao zamjena ako slika ne uspije da se učita. Prednosti ALT oznaka ne pomažu samo onima koji imaju oštećenje vida, već i poboljšavaju SEO web lokacija, stoga je u vašem najboljem interesu da dodavanje ALT oznaka postane navika tokom vašeg web dizajna.
3. Koristite WordPress temu koja je spremna za pristup – Uz pravilnu upotrebu odabranih WordPress tema možete da napravite web lokaciju koja je već spremna za pristup. Neke pristupačne WordPress teme prošle su pregled pristupačnosti tima za WordPress koji uključuje: Avada, Ks Theme, Tventi Nineteen, Apek, Dok, Icelander, Founder, Monument Vallei, Muse, Talemi i Morning.
4. Korištenje naslova sadržaja (H1, H2, H3 ..) – Pri strukturiranju sadržaja na vašoj web lokaciji važno je da koristite zaglavlja. Ovo će učiniti sadržaj na vašoj web lokaciji lakšim za razumjevanje i igra veliku ulogu u SEO-u te može poboljšati pristup vašim web lokacijama. Korištenje tačnih nivoa naslova može pomoći onima koji koriste čitače ekrana da interpretiraju sadržaj i kreću se kroz određene odjeljke na vašoj stranici.
5. Pažljivo birajte boje – „Oko 8% muške populacije ima neku vrstu daltonizma. Važno je osigurati da se tekst i pozadina ne stope jedno s drugim. Ovo je važno kako bi se tekst istakao i bio lahko čitljiv. Izbjegavajte sukobljene boje, previše slične boje koje bi dovele do naprezanja očiju. Postoji nekoliko alata na mreži, uključujući WebAIM i Contrast Checker koji vam daju ocjenu izbora boja.
6. Učinite video i multimedijske elemente dostupnim – Izbjegavajte automatsko reprodukovanje medija kao što su video, klizači, animacije, karuseli i audio. To može učiniti vašu web stranicu nepristupačnom i ometati čitače ekrana. Naročito za one koji imaju slušne, kognitivne ili fizičke smetnje. Uvjerite se da ovi medijski elementi imaju kontrolne funkcije kako bi posjetioci mogli da pokreću, zaustavljaju, pauziraju, ponovo pokreću ili skrivaju sadržaj. Da biste ispunili VCAG standarde, obavezno uključite titlove, opise, opise i transkripte za video datoteke.
7. Izbjegavajte sadržaj koji treperi – Prema VCAG smjernicama, važno je ukloniti sav sadržaj koji treperi, jer to može izazvati napada onima sa fotosenzibilnošću.Koristite Alat za analizu epilepsije fotosenzibilnosti (PEAT) za analizu vaše web stranice. Ako na vašoj web lokaciji imate trepćući sadržaj, pobrinite se da ne trepti više od 3 puta u sekundi.
8. Koristite kontekstualne veze sa sidrenim tekstom – Dodajte opisne veze sa sidrenim tekstom kako biste bili u skladu sa AODA i VCAG 2.0. Ovo posjetiocima može pružiti više informacija od veza poput „Pročitajte više“ ili „Kliknite ovde“.
9. Koristite jasnu tipografiju – Izaberite čist font koji se lahko čita kao font San Serif koji može pomoći onima koji imaju oštećenje vida. AODA preporučuje da koristite font fonta od 16 piksela, što postaje uobičajeni trend kod većine web lokacija. Niko ne želi da čita tekst manji od 10 piksela, pa male veličine fonta treba izbjegavati. Ako se odlučite za ugradnju teksta u slike, obavezno koristite veliku veličinu i kontrast teksta i boja pozadine. Kontrole veličine fonta mogu se dodati na vašu web lokaciju što posjetiocima može pružiti opcije za povećanje ili smanjenje veličina fonta.
10. Navedite jezik stranice – Određivanjem podrazumijevanog jezika vaših web lokacija može pomoći posjetiocima i popisivačima da razumiju jezik vaših web lokacija. Ovo zahtjeva VCAG da bi vaš web sajt bio usklađen sa AODA-om. Postavljanje podrazumijevanog jezika omogućiće čitačima ekrana da pravilno izgovaraju sadržaj na vašoj web lokaciji. To je nešto što se može dodati na vašu web lokaciju dodavanjem HTML oznake. Određivanje podrazumijevanog jezika također će pomoći Googleovim popisivačima da razumiju jezik i web lokacije vaših web lokacija.

Posljednje misli

Ako vaša web lokacija bude dostupna, ne samo da možete da povećate vidljivost web stranica, poboljšate SEO i konverzije i pružite veći doseg.

Važno je odvojiti vrijeme za pregled vaše web stranice kako biste se uvjerili da zadovoljava AODA standarde kako bi osobe sa invaliditetom mogle da pristupe vašoj web lokaciji.