Privucite više čitatelja s web lokacijom koji odgovara potrebama svima
Izradom svoje web stranice dostupnim osobama s invaliditetom, završetak izrade je dostupan svima. U stvari, izrada web stranice pristupačnijim može čak pomoći ljudima pronaći vašu web stranicu u tražilicama. Zašto? Budući da tražilice koriste neke od istih signala koje čitači zaslona rade kako bi pronašli i razumjeli sadržaj vaše web stranice.
Ali kako točno napraviti pristupačnu web stranicu bez da postane stručnjak za kodiranje?
Evo nekoliko savjeta i trikova da gotovo svatko tko ima osnovno znanje o HTML-u može koristiti za poboljšanje pristupačnosti svoje web stranice.
Alati za pristupačnost weba
W3C ima fantastičan popis alata za web-pristupačnost koji možete upotrijebiti kao provjernik da biste uočili potencijalne probleme s web-lokacijom. To je rekao, još uvijek preporučujem da radim neke istraživanje s čitačem zaslona i doživljavam to za sebe.
Povezano čitanje: Što je pomoćna tehnologija i kako funkcionira?
Razumijevanje čitača zaslona
Jedan od najvažnijih načina na koje možete poboljšati dostupnost vaše web stranice je osigurati razumijevanje čitača zaslona. Čitači zaslona koriste sintetizirani glas za čitanje teksta na zaslonu. To zvuči prilično jednostavno; međutim, čitači zaslona možda neće razumjeti vašu web-lokaciju onako kako ga trenutno postavljate.
Prva stvar koju biste trebali učiniti jest isprobati čitač zaslona i vidjeti kako to ide. Ako ste na Macu, pokušajte upotrijebiti VoiceOver.
- Idite na Postavke sustava.
- Odaberite Dostupnost.
- Odaberite VoiceOver.
- Označite okvir Enable VoiceOver.
Možete ga uključiti i isključiti pomoću naredbe-F5.
Ako ste na stroj za Windows, preporučujemo da preuzmete program NVDA. Možete ga postaviti da biste uključili ili isključili prečac upravljanja + alt + n.
Oba čitača zaslona djeluju tako što korisniku omogućuju kretanje po tipkovnici (to ima smisla - ako ne možete vidjeti, korištenje miša bi bilo izazov) i stvaranjem područja fokusiranja za navigaciju. Fokus je u biti tamo gdje je tipkovnica "istaknuta", no obično se prikazuje kao označeni okvir oko objekta fokusa umjesto pokazivača.
Možete promijeniti glasovno glatko i brzinu kojom se glas čita ako su zadane postavke neugodno (i nakon otprilike pet minuta slušanja standardnog usporenog čitanja glasa, obično su). Slijepi ljudi obično čitaju web stranice čiji su čitači zaslona postavljeni na velike brzine.
Može vam pomoći da zatvorite oči kao što to činite, ali također može pomoći da ih otvorite i usporedite. Neke od stvari koje biste mogli odmah primijetiti kada pokušate slušati vašu web stranicu jest da neki tekst možda nije ispravan. Naslovi i tablice mogu se razbjesniti. Slike se mogu preskočiti ili mogu reći "sliku" ili nešto slično nepoželjno. Tablice se obično čitaju kao niz stavki bez konteksta.
Možete, nadamo se, riješiti ovo.
Alt-oznake ili alternativni atribut
Alat-tag ili alternativni (alt) atribut koristi se u HTML-u za opisivanje slike. U HTML-u izgleda ovako:
Čak i ako svoju web stranicu napravite vizualnim alatom koji skriva vaš HTML kod, gotovo uvijek imate priliku unijeti opis slike. Ne možete unijeti ništa (alt = ""), ali bi bilo korisno opisati svaku sliku. Ako ste bili slijepi, što biste trebali znati o slici? "Žena" nije puno pomoći, ali možda "Žena crtanje dizajn dijagram toka, uključujući dostupnost, upotrebljivost, marke i dizajn."
Naslov teksta
Web stranice uvijek ne prikazuju oznaku HTML naslova, ali korisno je za čitače zaslona. Pobrinite se da svaka od stranica vaše web stranice ima opisni (ali ne previše sadržajni) naslov koji govori posjetiteljima o tome što je stranica.
Dajte vašoj web stranici dobru hijerarhiju informacija
Razbiti velike dijelove teksta s zaglavljima i, ako je moguće, upotrijebite zaglavlja s H1, H2, H3 hijerarhijom na odgovarajući način. Ne samo da olakšava vašu web stranicu za čitače zaslona, nego olakšava svima ostalima. To je također odličan znak za Google i druge tražilice kako bi im pomogli bolje indeksirati vašu web stranicu.
Isto tako, trebali biste provjeriti je li vaša web lokacija u logičnom poretku sadržaja i da nemate kutije koje se pojavljuju nepovezane informacije. Ako upotrebljavate oglase, pazite da vaši oglasi nisu pretjerano nametljivi i prečesto raspravljaju tekst na vašoj web-lokaciji.
Napravite bolje tablice
Ako upotrebljavate HTML tablice, oznake možete dodati u svoje tablice pomoću oznake kako bi ih lakše razumjeli čitačima zaslona, a ne samo stvaranje naslova tablice podebljanim tekstom. Možete također dodati element "opseg" i jasno označiti nove retke i stupce u svojoj tablici tako da čitači zaslona ne bune samo s niza ćelija tablica bez davanja bilo kakvog konteksta.
Navigacija tipkovnicom
Općenito, sve što stavite na svoju web stranicu trebalo bi biti nešto što bi netko mogao zamisliti samo pomoću tipkovnice. To znači da navigacijske tipke ne bi trebale biti animirane tipke za padajući izbornik ako ih ne možete koristiti s čitačem zaslona (isprobajte i provjerite jeste li sigurni - neki gumbi su programirani za korištenje tipkovnice.)
Zatvoreni titlovi
Ako dodate videozapise ili audio elemente na svoju web stranicu, trebali bi imati opise. HTML5 i mnoge usluge streaminga videozapisa (kao što je YouTube) nude zatvorenu podršku za titlove. Zatvoreni naslovi korisni su ne samo za pristupačnost već i korisnicima koji možda pregledavaju vašu web lokaciju negdje gdje ne mogu reproducirati zvuk, primjerice u uredu ili na bučnom mjestu.
Za podcaste ili druge audio elemente, razmislite o pružanju teksta prijepis. Ne samo da je korisno korisnicima koji ne mogu slušati zvuk, jer će tekst olakšati Googleu i ostalim tražilicama da indeksiraju taj sadržaj i pomažu u Googleovom rangiranju .
ARIJA
Ako želite ići na naprednu razinu pristupačnosti, HTML5 ARIA ili WAI-ARIA specifikacije nastoje biti novi standard koji ide dalje. Međutim, ovo je složeni (i razvijajući) tehnički priručnik, tako da možete upotrijebiti ARIA provjeru valjanosti kako biste provjerili ima li vaša web-lokacija poteškoće koje možete riješiti. Mozilla također ima pristupačniji vodič za početak rada s ARIA.