Houkuttele lisää lukijoita sivustoon, joka sopii kaikille tarpeisiin
Tekemällä verkkosivustosi vammaisten käyttöön, pääset tekemiseen kaikkien ulottuvilla. Itse asiassa verkkosivustosi saatavuus voi jopa auttaa ihmisiä löytämään sivustosi hakukoneissa. Miksi? Koska hakukoneet käyttävät joitakin samoja signaaleja, joita näytönlukijat tekevät verkkosivustosi sisällön löytämiseksi ja ymmärtämiseksi.
Mutta tarkalleen miten voit tehdä helppokäyttöisen sivuston tullattaessa koodausasiantuntijaan?
Seuraavassa on muutamia vinkkejä ja vinkkejä, joiden avulla lähes kuka tahansa, jolla on perus-HTML-tietämys, voi parantaa sivustonsa saatavuutta.
Web Accessibility Työkalut
W3C: llä on fantastinen luettelo esteettömyystyökaluista, joita voit käyttää tarkkailijana mahdollisten ongelmien havaitsemiseen sivustossasi. Sanoinkin, että suosittelen edelleen tutkia näytönlukijaa ja kokeilla sitä itsellesi.
Aiheeseen liittyvä lukeminen: Mikä on apuväline ja miten se toimii?
Ymmärtäminen näytönlukijoille
Yksi tärkeimmistä tavoista, joilla voit parantaa verkkosivustosi saatavuutta, on varmistaa, että se voidaan lukea näytön lukijoilta. Näytönlukijat käyttävät syntetisoitua ääntä tekstin lukemiseen näytöllä. Se kuulostaa melko yksinkertaiselta; Kuitenkin näytönlukijat eivät välttämättä ymmärrä verkkosivustasi sitä tapaa, jolla se on tällä hetkellä käytössä.
Ensimmäinen asia, jonka haluat ehkä tehdä, on kokeilla näytönlukijaa ja katsoa, miten se menee. Jos olet Mac-tietokoneessa, kokeile VoiceOveria.
- Siirry Järjestelmäasetuksiin.
- Valitse Esteettömyys.
- Valitse VoiceOver.
- Valitse valikosta Ota käyttöön VoiceOver.
Voit vaihtaa sen päälle ja pois komennolla F5.
Jos olet Windows-koneessa, sinun kannattaa ladata NVDA. Voit asettaa sen päälle ja pois päältä pikanäppäimellä + alt + n.
Molemmat näytönlukijat toimivat antamalla käyttäjän siirtyä näppäimistöllä (tämä on järkevää - jos et näe, hiiren käyttäminen olisi haaste) ja luomalla tarkennusalueen navigointiin. Painopiste on lähinnä silloin, kun näppäimistö on "viistetty", mutta se näkyy yleensä korostettuna ruutuna tarkennuskohteen ympärillä kohdistimen sijaan.
Voit vaihtaa sekä äänipisteen että nopeuden, jossa ääni kuuluu, jos oletusasetukset ovat ärsyttäviä (ja yleensä noin viiden minuutin kuluttua normaalin hitaan äänen lukemisen kuuntelemisesta). Sokeat ihmiset yleensä lukevat verkkosivustoja, joiden näytön lukulaitteet on asetettu suurille nopeuksille.
Se voi auttaa sulkemaan silmänne, kun teet tämän, mutta se voi myös auttaa pitämään ne avoimina ja vertailtavina. Jotkut asiat, joita voit heti huomata, kun yrität kuunnella verkkosivustoasi, on se, että osa tekstistä saattaa olla epäkunnossa. Otsakkeet ja pöydät saattavat kuihtua. Kuvat voidaan joko ohittaa tai he voivat sanoa "kuva" tai jotain yhtä hyödyttövää. Taulukoita pidetään yleensä sarjana kohteita ilman asiayhteyttä.
Voit toivottavasti korjata tämän.
Alt-tagit tai vaihtoehtoinen ominaisuus
Alt-tag- tai vaihtoehtoista (alt) -ominaisuutta käytetään HTML-muodossa kuvaamaan kuvaa. HTML-muodossa se näyttää tältä:
Vaikka tekisit verkkosivustasi visuaalisella työkalulla, joka piilottaa HTML-koodisi, sinulla on lähes aina mahdollisuus kirjoittaa kuvankuva. Et voi syöttää mitään (alt = ""), mutta olisi todella parempi antaa jokaiselle kuva hyödylliselle kuvaukselle. Jos olisit sokea, mitä sinun tarvitsee tietää kuvasta? "Nainen" ei ole paljon apua, mutta ehkä "Nainen piirustus suunnittelu kaavio mukaan lukien esteettömyys, käytettävyys, brändäys ja suunnittelu."
Otsikko Teksti
Verkkosivustot eivät aina näytä HTML-otsikkotunnistetta, mutta se on hyödyllinen näytönlukijoille. Varmista, että kaikilla verkkosivustosi sivuilla on kuvaileva (mutta ei liioitteleva) otsikko, joka kertoo vierailijoille, mitä sivu koskee.
Anna sivustosi hyvää tietohierarkiaa
Rikkoa suuria tekstirivisiä otsakkeita ja, jos mahdollista, käytä H1-, H2- ja H3- hierarkian otsikoita asianmukaisesti. Se ei vain teke verkkosivustollesi helpompaa näytön lukulaitteille, se helpottaa kaikkia muita. Se on myös erinomainen merkki Googlelle ja muille hakukoneille, jotta he voivat paremmin indeksoida verkkosivustoasi.
Samoin sinun on varmistettava, että verkkosivustosi on loogisessa sisällön järjestyksessä ja että sinulla ei ole ristiriitaisia tietoja sisältäviä ruutuja. Jos käytät mainoksia, tarkista, että mainoksesi eivät ole liian houkuttelevia ja että sivuston teksti on hajonnut liian usein.
Tee parempia taulukoita
Jos käytät HTML-taulukoita, voit lisätä otsikoita taulukoihin tunnisteen avulla, jotta ne voidaan helpommin ymmärrä näyttölukijoiden sijasta sen sijaan, että taulukon otsikko olisi lihavoitu. Voit myös lisätä "soveltamisala" -elementin ja merkitä selvästi uudet rivit ja sarakkeet taulukkoon, jotta näytönlukijat eivät yksinkertaisesti poista sarjan taulukon soluja ilman mitään kontekstia.
Näppäimistön navigointi
Yleensä kaikki, mitä laitat verkkosivustollesi, on jotain, mitä joku voisi ajatella vain käyttäen vain näppäimistöä. Tämä tarkoittaa sitä, että navigointipainikkeita ei saa animoida pudotuspainikkeita, jos et pysty käyttämään niitä näytönlukijalla (kokeile sitä ja katso jos et ole varma - jotkin painikkeet on ohjelmoitu näppäimistön käyttöön.)
Tekstitys
Jos lisäät videoita tai ääniohjelmia verkkosivustoosi, niillä pitäisi olla kappaletta. HTML5 ja monet videovirtauspalvelut (kuten YouTubesta) tarjoavat suljettuja otsikkotukea. Suljetut kuvatekijät ovat hyödyllisiä paitsi esteettömyyden lisäksi myös käyttäjille, jotka saattavat selata verkkosivustoasi jonnekin, jos he eivät voi soittaa ääntä, esimerkiksi toimistossa tai meluisassa paikassa.
Podcasteja tai muita äänielementtejä varten kannattaa antaa tekstin transkripti. Ei ole vain hyödyllistä ihmisille, jotka eivät voi kuunnella ääntä, sillä tekstillä helpotetaan Googlen ja muiden hakukoneiden indeksointia kyseisestä sisällöstä ja auttavat Google-sijoitusta .
AARIA
Jos haluat siirtyä edistyneelle saavutettavuudelle, HTML5 ARIA- tai WAI-ARIA-määritykset pyrkivät olemaan uusi standardi eteenpäin. Tämä on kuitenkin monimutkainen (ja kehittyvä) tekninen käsikirja, joten voit tehdä ARIA-validoijan avulla tarkistaa, onko sivustossasi ongelmia, joita voit käsitellä. Mozillalla on myös lähestyttävämpi opas ARIAn aloittamiseen.