Pange rohkem lugejaid saidile, mis sobib kõigi vajadustega
Tehes oma veebisaidi puuetega inimestele ligipääsetavaks, muudate teid kõigile kättesaadavaks. Tegelikult muudab veebisaidi ligipääsetavamaks, võib isegi aidata inimestel leida teie veebisaidi otsingumootorites. Miks? Kuna otsingumootorid kasutavad mõnda samu signaale, mida ekraanilugejad teie veebisaidi sisu leidmiseks ja mõistmiseks teevad.
Kuid täpselt, kuidas teete juurdepääsetava veebisaidi ilma kodeerimiseksperdiks muutmata?
Siin on mõned näpunäited ja näpunäited, mida peaaegu igaüks, kellel on HTML-põhised teadmised, saab oma veebisaidi juurdepääsetavuse parandamiseks kasutada.
Veebi juurdepääsetavus tööriistad
W3C-l on fantastiline veebipõhise juurdepääsetavuse tööriistade nimekiri, mida saate kasutada oma veebisaidi potentsiaalsete probleemide tuvastamiseks. Sellest hoolimata soovitan ikkagi mõnda vaadelda ekraanilugejaga ja kogeda seda ise.
Seotud lugemine: mis on abistava tehnoloogia ja kuidas see toimib?
Ekraanilugejate mõistmine
Veebisaidi juurdepääsetavuse parandamiseks on kõige olulisem viis tagada, et ekraanilugejad seda mõistaksid. Ekraanilugejad kasutavad ekraanil teksti lugemiseks sünteesitud häält. See kõlab üsna lihtsasti; aga ekraanilugejad ei pruugi teie veebisaiti mõista nii, nagu te seda praegu seadisite.
Esimene asi, mida soovite teha, on proovida ekraanilugeja ja vaadata, kuidas see läheb. Kui olete Macis, proovige kasutada VoiceOverit.
- Ava System Preferences.
- Valige ligipääs.
- Valige VoiceOver.
- Märkige ruut Lubab VoiceOver.
Võite selle sisse ja välja lülitada, kasutades käsku F5.
Kui olete Windowsi seadmes, võite NVDA alla laadida. Selle abil saab sisse ja välja lülitada otsetee abil + alt + n.
Mõlemad ekraanilugejad toimivad, lubades kasutajal klaviatuuril liikuda (see on mõttekas - kui te ei näe, on hiire kasutamine väljakutseks) ja navigeerimisfunktsiooni loomisega. Keskendub sisuliselt siis, kui klaviatuur on "suunatud", kuid see kuvatakse tavaliselt kursori asemel fookusobjekti ümber esile tõstetud kasti.
Saate muuta nii häälkäsku kui ka kiirust, millega hääl saab lugeda, kui vaikeseaded on tüütu (ja umbes viie minuti pärast tavalise aeglase hääle lugemise kuulamiseks on nad tavaliselt). Pimedate inimesed loevad tavaliselt veebisaite, mille ekraanilugejad on seatud suurele kiirusele.
See võib aidata silmi sulgeda, kui te seda teete, kuid see võib samuti aidata neid avada ja võrrelda. Mõned asjad, mida võite koheselt märkida, kui proovite oma veebisaidi kuulata, on see, et mõni tekst võib olla ebaõige. Rubriigid ja tabelid võivad häirida. Pilte võib kas vahele jätta või nad võivad öelda "pilti" või midagi võrdselt kasulikku. Tabelid kipuvad lugema mitmesuguste kontekstitaotluste hulka.
Loodetavasti saate seda parandada.
Alt-sildid või alternatiivne atribuut
Pildi kirjeldamiseks kasutatakse HTML-i alt-märgist või alternatiivset (alt) atribuuti. HTML-il näeb välja selline näide:
Isegi kui teete oma veebisaidi visuaalse tööriista abil, mis peidab oma HTML-koodi, on teil peaaegu alati võimalus sisestada pildi kirjeldus. Te ei saa midagi sisestada (alt = ""), kuid oleks parem anda igale kujutisele kasulik kirjeldus. Kui te oleksite pime, mida peaksite pilti teadma? "Naine" ei ole palju abi, kuid võib-olla "Naine, kes joonistab disaini voolukava, sealhulgas ligipääsetavus, kasutatavus, branding ja disain."
Pealkirja tekst
Koduleheküljed ei pruugi alati HTML pealkirja märgendit kuvada, kuid see on kasulik ekraanilugejatele. Veenduge, et kõigil teie veebisaidi lehtedel on kirjeldav (kuid mitte liiga lausulik) pealkiri, mis annab külastajatele teada, milline lehekülg on.
Andke oma veebisaidile hea teabe hierarhia
Pühkige suured pealkirjas olevad tekstikohad ja kasutage sobivalt H1, H2, H3 hierarhiaga päiseid . See muudab ekraanilugejate jaoks teie veebisaidi lihtsamaks mitte ainult, vaid lihtsustab seda ka kõigile teistele. See on ka suurepärane signaal Google'ile ja muudele otsingumootoritele, et aidata neil paremini oma veebisaidi indekseerida.
Samamoodi peaksite veenduma, et teie veebisait on loogilises sisukorras ja et sul pole kasti seotud teavet. Kui kasutate reklaame, jälgige, et teie reklaamid ei oleks liiga pealetükkivad ning teie veebisaidi tekst liiga sageli lõhestataks.
Paremate tabelite tegemine
Kui kasutate HTML-tabeleid, saate tabeleid kasutades sildi lisada pealdisi, et ekraanilugejad neid lihtsamini mõistaksid, mitte lihtsalt laua pealkirja tegemine rasvases kirjas. Võite lisada ka "ulatuse" elemendi ja selgelt märgistada uued ridad ja veerud oma tabelis, nii et ekraanilugejad ei lööks lihtsalt laualaiarakkude seeriat ilma konteksti andmata.
Klaviatuuri navigeerimine
Üldiselt peaks kõik, mis veebisaidile paned, peaks olema midagi, mida keegi võiks kasutada ainult klaviatuuri abil. See tähendab, et navigeerimisnupud ei tohiks olla animatsed rippmenüüd, kui te ei saa neid ekraanilugejaga kasutada (proovige seda ja vaadake, kas te pole kindel - mõned klaviatuuri nupud on programmeeritud klaviatuuri kasutamiseks.)
Suletud pealdised
Kui lisate oma veebisaidile videoid või heli elemente, peaks neil olema pealdised. HTML5 ja paljud video voogesituse teenused (nt YouTube) pakuvad suletud pealdise toetust. Suletud tiitrid on kasulikud mitte ainult ligipääsetavuse jaoks, vaid ka nende kasutajate jaoks, kes võivad teie veebisaiti sirvida kusagil, kus nad ei saa heli esitada, näiteks kontoris või mürarohkes asukohas.
Podcast'ide või muude audioelementide jaoks kaaluge tekstivoori esitamist. See ei ole mitte ainult kasulik inimestele, kes ei saa heli kuulata, kui tekst muudab Google'ile ja muudele otsingumootoritele lihtsamaks selle sisu indekseerimise ja Google'i edetabelite aitamise .
ARIA
HTML5 ARIA või WAI-ARIA spetsifikatsioonide eesmärgiks on minna täiustatud juurdepääsetavuse tasemele, et uus standard läheb edasi. Kuid see on keeruline (ja arenev) tehniline käsiraamat, mistõttu võite kasutada ARIA valideerijat, et skannida, kas teie veebisaidil on probleeme, millega saate tegeleda. Mozillal on ARIAga alustamiseks ka lähemat juhendit.