Privabite več bralcev s spletno stranjo, ki ustreza vsem potrebam
S tem, da vaše spletno mesto postane dostopno za ljudi s posebnimi potrebami, vam je na koncu vsakdo dostopen. Pravzaprav bo vaše spletno mesto bolj dostopno morda celo pomagalo ljudem, da najdejo vaše spletno mesto v iskalnikih. Zakaj? Ker iskalniki uporabljajo nekaj istih signalov, ki jih bralniki zaslona počnejo, da bi našli in razumeli vsebino vašega spletnega mesta.
Ampak natančno, kako naredite dostopno spletno stran, ne da bi postali strokovnjak za kodiranje?
Tukaj je nekaj nasvetov in trikov, ki jih lahko skoraj vsak, ki ima osnovno znanje HTML, izboljša dostopnost svojega spletnega mesta.
Orodja za spletno dostopnost
W3C ima fantastičen seznam orodij za spletno dostopnost, ki jih lahko uporabite kot pregledovalec, da odkrijejo morebitne težave z vašo spletno stranjo. To je reklo, še vedno priporočam nekaj raziskovanja z bralnikom zaslona in ga doživite sami.
Sorodno branje: Kaj je podporna tehnologija in kako deluje?
Razumevanje bralnikov zaslona
Eden od najpomembnejših načinov za izboljšanje dostopnosti vašega spletnega mesta je, da ga bralci zaslona lahko razumejo. Bralniki zaslona s sintetiziranim glasom preberejo besedilo na zaslonu. To zveni precej preprosto; vendar bralniki zaslona morda ne bodo razumeli vašega spletnega mesta, kot ste ga že nastavili.
Prva stvar, ki jo boste morda želeli, je preskusiti bralnik zaslona in videti, kako gre. Če uporabljate Mac, poskusite uporabiti VoiceOver.
- Odprite System Preferences.
- Izberite Dostopnost.
- Izberite VoiceOver.
- Označite polje Omogoči VoiceOver.
Lahko ga vklopite in izklopite z ukazom-F5.
Če ste na računalniku z operacijskim sistemom Windows, boste morda želeli prenesti NVDA. Lahko ga nastavite tako, da vklopite ali izklopite z bližnjico + alt + n.
Obe bralniki zaslona delujejo tako, da uporabniku omogočajo krmarjenje po tipkovnici (to je smiselno - če ne vidite, bi bil uporaba miške izziv) in z ustvarjanjem področja za usmerjanje za navigacijo. Osredotočanje je v bistvu, kjer je tipkovnica "poudarjena", vendar je običajno prikazana kot označena škatla okrog predmeta fokusa namesto kazalke.
Spremenite lahko tudi glasovno hitrost in hitrost glasovanja, če so privzete nastavitve nadležne (in po približno petih minutah poslušanja običajnega počasnega branja glasov, so ponavadi). Slepi ljudje ponavadi preberejo spletne strani z bralniki zaslona, nastavljenimi na visoke hitrosti.
To lahko pomaga zapreti oči, kot to počneš, vendar lahko tudi pomaga, da jih odprete in primerjate. Nekatere stvari, ki jih boste morda takoj opazili, ko poskušate poslušati vaše spletno mesto, so nekatera besedila neupravičena. Naslovi in tabele se lahko zbledijo. Slike je mogoče preskočiti ali pa lahko rečemo "podobo" ali nekaj podobnega brez pomoči. Tabele se ponavadi berejo kot niz postavk brez konteksta.
Upajmo, da to popravite.
Alt-oznake ali Alternativni atribut
Alt-tag ali alternativni (alt) atribut se v HTMLu uporablja za opis slike. V HTML-ju izgleda nekaj takega:
Tudi če svojo spletno stran naredite z vizualnim orodjem, ki skriva vašo HTML kodo, boste skoraj vedno imeli priložnost, da vnesete opis slike. Ničesar ne morete vnesti (alt = ""), vendar bi bilo res bolje, da bi vsaka slika dala koristen opis. Če bi bili slepi, kaj bi morali vedeti o sliki? "Ženska" ni zelo v pomoč, vendar morda "Ženska risanje načrta pretoka, vključno z dostopnostjo, uporabnostjo, blagovno znamko in oblikovanjem."
Naslov Besedilo
Spletna mesta ne prikazujejo vedno naslovne oznake HTML, vendar je koristna za bralnike zaslona. Prepričajte se, da ima vsaka stran vašega spletnega mesta opisni (vendar ne preveč preveč) naslov, ki obiskovalcem pove obiskovalcu, kakšna je stran.
Daj svojo spletno stran dobre hierarhije informacij
Razbite velike kose besedila z glavi in po možnosti uporabite glave s hierarhijo H1, H2, H3 . Ne samo, da vaše spletno mesto olajša bralnikom zaslona, temveč olajša vsakomur. To je tudi odličen signal za Google in druge iskalnike, ki jim bodo pomagali bolje indeksirati vašo spletno stran.
Podobno se morate prepričati, da je vaše spletno mesto v logičnem vrstnem redu vsebine in da nimate polj, kjer se ne pojavljajo nepovezani podatki. Če uporabljate oglase, pazite, da vaši oglasi niso preveč vsiljivi in preveč pogosto prekinjajo besedilo na vašem spletnem mestu.
Naredite boljše tabele
Če uporabljate tabele HTML, lahko dodate napise v svoje tabele s pomočjo oznake, da jih bralci zaslona preprosteje razumejo, namesto da bi samo v tabeli označili krepko besedilo. Prav tako lahko dodate element "obseg" in jasno označite nove vrstice in stolpce v tabeli, tako da bralniki zaslona ne preprosto zaprejo serije celic tabele brez navedbe konteksta.
Navigacija s tipkovnico
Na splošno je vse, kar si dal na vašo spletno stran, nekaj, kar bi nekdo lahko razumel samo z uporabo tipkovnice. To pomeni, da vaši navigacijski gumbi ne smejo biti animirani s padajočimi gumbi, če jih ne morete uporabiti z bralnikom zaslona (poskusite in preverite, če niste prepričani - nekateri gumbi so programirani za uporabo tipkovnice.)
Zaprti podnaslovi
Če na spletno mesto dodate videoposnetke ali zvočne elemente, morajo imeti napise. HTML5 in številne storitve za pretakanje videoposnetkov (kot je YouTube) ponujajo zaprto podporo za podnaslavljanje. Zaprti podnaslovi so koristni ne le za dostopnost, ampak tudi za uporabnike, ki morda brskajo po vaši spletni strani nekje, kjer ne morejo predvajati zvoka, na primer v pisarni ali na hrupni lokaciji.
Za podcasti ali druge zvočne elemente, razmislite o zagotavljanju prepisa besedila. Ne samo, da je to koristno za ljudi, ki ne morejo poslušati zvoka, saj bo besedilo olajšalo Googlu in drugim iskalnikom, da indeksirajo to vsebino in pomagajo pri uvrstitvi v Google .
ARIA
Če želite iti na naprednejšo stopnjo dostopnosti, so specifikacije HTML5 ARIA ali WAI-ARIA namenjene novemu standardu naprej. Vendar pa je to zapleten (in se razvija) tehnični priročnik, zato bi morali uporabiti potrditveno sredstvo za preverjanje, da preverite, ali ima vaše spletno mesto kakršne koli težave, ki jih lahko naslovite. Mozilla ima tudi bolj dostopen vodič za začetek uporabe ARIA.