Kako oblikovati spletne strani za Screenreaders

Dostopnost je ključnega pomena za oblikovanje spletne strani, bodisi za podjetje ali izdelek ali celo za osebno uporabo. Ne pomaga le obiskovalcem z motnjami vida, ampak tudi tistim, ki uporabljajo drugo programsko opremo za lažje branje spletnih mest. Ko pripravljate spletno mesto za bralnik zaslona, ​​ustvarite enostavno sledljivo vsebino in se prepričajte, da so slike pravilno uporabljene in opisane.

Flash

Če želite, da ima vaše spletno mesto največjo dostopnost, se izogibajte uporabi vsebine Adobe Flash, da bi sporočali pomembne informacije ali navigacijske elemente. Medtem ko je vsebina Flash ponavadi bolj vizualna in dinamična, pa z bralniki zaslona ne deluje dobro. Če se odločite za uporabo Flash-a, vključite zvočno pripoved z orodji Flash-a ali pa vključite alternativno različico, ki je zasnovana za boljšo dostopnost.

Pisna vsebina

Na nobeni strani ne vključujte preveč pisane vsebine in na začetku odstavka vključite najpomembnejšo vsebino. To je tehnika, ki se imenuje "sprednje nalaganje" in jo z uporabo kratkih odstavkov najbolje uporabite za uporabnike, ki poslušajo vsebino. Prepričajte se, da je vsebina kronološka. Lahko uporabite tudi sezname, kadar so na voljo, saj seznami bralnikom zaslona omogočajo oštevilčene elemente seznama. Zaradi tega so še posebej učinkovite za navigacijo, ki jo lahko prilagodite s pomočjo CSS.

Naslovi in ​​naslovi

Uporabite natančen in opisen naslov v glavi vsake strani, tako da je prva stvar, ki jo bralnik zaslona napove, tisto, kar je stran. Uporabite oznake glave, na primer

, da dodate kontekst razdelkom na strani. Ne uporabljajte redno

Oznake so oblikovane tako, da izgledajo kot naslovi, ker bralnik zaslona ne bo razumel, da gre za naslov.

Povezave

Prepričajte se, da vse povezave opisujejo povezavo do povezave. Na primer, če imate v stavku povezavo do strani O spletnem mestu Othora "Če želite izvedeti o avtorju, kliknite tukaj, " ne uporabljajte "kliknite tukaj", da bi opisali to povezavo - uporabite "o avtorju". Najbolje je, da v celoti izpustite "kliknite tukaj", saj bralniku zaslona ne daje konteksta.

Slike

Če vaše spletno mesto uporablja slike, vedno vključite atribut "alt", da določite sliko za bralnik zaslona. To besedilo se pojavi tudi na mestu slike, če se slika ne naloži; nekateri uporabniki so nastavili svoj brskalnik, da ne bo nalagal slik iz varnostnih razlogov ali zaradi varčevanja s pasovno širino. Uporabite kratke in jedrnate opise, ki natančno opisujejo sliko.

HTML koda

Imejte kodo kronološko na strani, z najpomembnejšimi elementi na vrhu. Bralniki zaslona se začnejo na vrhu strani in gredo od leve proti desni. Potrdite HTML kodo svojega spletnega mesta, da zagotovite najbolj kompatibilnost z bralniki zaslona. Uporaba neveljavne in nestandardne kode otežuje razumevanje vsebine za uporabnike z bralniki zaslona. Potrjevanje kode vam pomaga kot oblikovalcu videti, če ste kaj zamudili; na primer, slike brez atributa "alt" niso potrjene.

 

Pustite Komentar