Izrada web stranice dostupna osobama sa invaliditetom

Privući više čitalaca sa sajtom koji odgovara potrebama svih

Ako vašu veb lokaciju bude dostupna osobama sa invaliditetom, na kraju ćete biti dostupni svima. U stvari, učvršćivanje vašeg veb sajta može čak pomoći ljudima da pronađu svoju web stranicu u pretraživačima. Zašto? Zato što pretraživači koriste neke od istih signala koji čitači ekrana rade kako bi pronašli i razumeli sadržaj vaše web stranice.

Ali tačno kako napravite pristupačnu web stranicu, a da ne postanete stručnjak za kodiranje?

Evo nekoliko saveta i trikova koje skoro svako sa osnovnim HTML znanjem može koristiti da poboljša dostupnost svog web sajta.

Alatke pristupačnosti weba

W3C ima fantastičnu listu alata za pristupačnost webu koju možete koristiti kao provjeru da biste otkrili potencijalne probleme sa vašom web stranicom. To je rekao, i dalje preporučujem da istražite sa čitačem ekrana i doživite to za sebe.

Srodno čitanje: Šta je pomoćna tehnologija i kako to funkcioniše?

Razumevanje čitača ekrana

Jedan od najvažnijih načina na koji možete poboljšati pristupačnost vaše web stranice jeste da se osigura da ga čitači ekrana mogu razumjeti. Čitači ekrana koriste sintetizovani glas za čitanje teksta na ekranu. To zvuči prilično jednostavno; međutim, čitači ekrana možda ne razumeju vašu web lokaciju onako kako ga trenutno postavljate.

Prva stvar koju ćete možda želeti je isprobati čitač ekrana i videti kako to ide. Ako ste na Mac-u, pokušajte da koristite VoiceOver.

  1. Idite na System Preferences.
  2. Izaberite Pristupačnost.
  3. Izaberite VoiceOver.
  4. Označite polje za Enable VoiceOver.

Možete ga uključiti i isključiti koristeći komandu-F5.

Ako ste na Windows mašini, možda ćete želeti da preuzmete NVDA. Možete ga podesiti da biste uključili i isključili sa kontrolom prečice + alt + n.

Obe čitači ekrana funkcionišu tako što omogućavaju korisniku da navigira pomoću tastature (to ima smisla - ako ne možete da vidite, korišćenje miša bi bio izazov) i stvaranjem oblasti fokusiranja za navigaciju. Fokus je u suštini gde je tastatura "usmerena", ali se obično prikazuje kao označena kutija oko objekta fokusa umesto kursora.

Možete da promenite i glasnu tačku i brzinu kojom glas čita ako su podrazumevana podešavanja (i posle oko pet minuta slušanja standardnog spora glasa, obično su). Slepi ljudi obično čitaju veb lokacije sa čitačima ekrana podešenim na velike brzine.

Može vam pomoći da zatvorite oči dok to radite, ali to može pomoći i da ih otvorite i uporedite. Neke od stvari koje možete odmah primetiti kada pokušate da slušate vašu web stranicu jeste da neki tekst mogu biti van reda. Naslovi i tabele mogu biti zbunjeni. Slike se mogu preskočiti ili mogu reći "sliku" ili nešto slično bez pomoći. Tabele se često čitaju kao serija stavki bez konteksta.

Možeš, nadajmo se, popraviti ovo.

Alt-oznake ili alternativni atribut

Alt-tag ili alternativni (alt) atribut se koristi u HTML-u za opisivanje slike. U HTML-u izgleda nešto ovako:

Čak i ako svoj veb sajt napravite vizuelnim alatom koji skriva vaš HTML kod, skoro uvek ćete imati priliku da unesete opis slike. Ništa ne možete uneti (alt = ""), ali bi bilo stvarno bolje dati svaku sliku korisnom opisu. Ako ste bili slep, šta biste trebali znati o slici? "Žena" nije baš korisna, ali možda "Žena crta grafikon toka dizajna, uključujući pristupačnost, upotrebljivost, brendiranje i dizajn".

Tekst naslova

Web lokacije ne prikazuju uvek HTML oznaku, već je korisna za čitače ekrana. Pobrinite se da stranice svake stranice imaju opisni (ali ne preterano glomazni) naslov koji govori posetiocima o čemu se radi.

Dajte vašoj web stranici dobru informativnu hijerarhiju

Razbijte velike delove teksta sa zaglavama i, ako je moguće, koristite zaglavlja sa hijerarhijom H1, H2, H3 . Ne samo da vam olakšava čitanje web stranica za čitače ekrana, to olakšava svima ostalima. To je takođe odličan signal za Google i druge pretraživače kako bi im se omogućilo bolje indeksiranje vaše web stranice.

Slično tome, trebalo bi da se uverite da je vaša web lokacija u logičnom redosledu sadržaja i da nemate kutije sa nepovezanim informacijama. Ako koristite oglase, pratite da vaši oglasi nisu preterano nametljivi i da često raskidaju tekst na vašoj veb lokaciji.

Izrada bolje tabele

Ako koristite HTML tablice, možete dodati naslove u svoje tablice pomoću oznake kako bi ih olakšali razumjeti čitači ekrana, a ne samo da pravite naslov tabele u boldovanom tekstu. Takođe možete dodati element "opseg" i jasno označiti nove redove i stupce u vašoj tabeli tako da čitači ekrana jednostavno ne otklanjaju niz serija ćelija bez ikakvog konteksta.

Navigacija tastature

Sve u svemu, sve što stavite na vašu web stranicu treba da bude nešto što bi neko mogao zamisliti da koristi samo tastaturu. To znači da dugmad za navigaciju ne bi trebala biti animirana dugmad za padanje ako ih ne možete koristiti s čitačem ekrana (isprobajte i vidite da li ste sigurni - neki tasteri su programirani za korištenje tastature.)

Zatvoreni napisi

Ako dodate video ili audio elemente na vašu veb lokaciju, oni bi trebali imati naslove. HTML5 i mnoge usluge video striminga (kao što je YouTube) nude zatvorenu podršku za titlovanje. Zatvoreni nazivi su korisni ne samo za pristupačnost, već i za korisnike koji mogu pregledati vašu veb lokaciju negdje gdje ne mogu da reprodukuju zvuk, kao što je u kancelariji ili na bučnoj lokaciji.

Za podkastove ili druge audio elemente, razmotrite obezbeđivanje transkripta teksta. Ne samo da je korisno za ljude koji ne mogu slušati zvuk, pošto će tekst omogućiti Google-u i drugim pretraživačima da olakšaju indeksiranje tog sadržaja i pomognu vašem rangiranju Google-a .

ARIA

Ako želite da idete na napredni nivo pristupačnosti, specifikacije HTML5 ARIA ili WAI-ARIA imaju za cilj novi standard koji ide napred. Međutim, ovo je složeno (i razvijajuće) tehničko uputstvo, tako da ono što možete uraditi je da koristite ARIA validator za skeniranje kako biste vidjeli da li vaša web stranica ima bilo kakve probleme koje možete riješiti. Mozilla takođe ima pristupačniji vodič za početak rada sa ARIA.