Kuvaus: Eläväinen kuva verkkokaupan elementeistä, mukaan lukien ostoskori paketteineen, värikkäät tuotteet kuten kengät, laukut ja kuulokkeet sekä esteettömyyden, haun, toiston ja äänen kuvakkeet. Näkyvä "Osta nyt" -painike ja erilaiset käyttöliittymäelementit korostavat verkkokaupan kokemusta.
Näytönlukijoiden ymmärtäminen
Lukuaika: 8 minuuttia
Niille, jotka eivät ole perehtyneet näytönlukijojen testaamiseen, uuden näkökulman omaksuminen voi olla valaiseva kokemus, joka paljastaa, kuinka näkövammaiset käyttäjät navigoivat digitaalisessa sisällössä. Näytönlukijat ovat ohjelmistosovelluksia, jotka mahdollistavat näkövammaisten henkilöiden tietokoneen käytön äänittämällä näytön sisällön tai tuottamalla sen pistekirjoituksena.
Näytönlukijat verkkosivujen esteettömyyden varmistamiseksi
| Näytönlukija | Kuvaus |
|---|---|
| JAWS | Job Access With Speech (JAWS) on laajalti käytetty näytönlukija Windowsille. Se on välttämätön verkkosisällön testaamisessa ja toimii selaimissa kuten Chrome ja Firefox. JAWS:n tehokkaaseen käyttöön on opittava sen pikanäppäimet, koska useimmat käyttäjät eivät käytä hiirtä. Sen lukukomennot ja navigointipikanäppäimet, kuten H-näppäimen painaminen seuraavaan otsikkoon siirtymiseksi tai T-näppäimen painaminen seuraavaan taulukkoon siirtymiseksi, ovat olennainen osa verkkosivujen navigointia. |
| NVDA | NonVisual Desktop Access (NVDA) on ilmainen, Windows-yhteensopiva näytönlukija. Se tunnetaan helppokäyttöisyydestään ja laajasta valikoimasta JAWS:n kaltaisia näppäimistökomentoja, kuten linkkien, otsikoiden ja lomakkeiden ohjausobjektien selaaminen yhden näppäimen pikakomentojen avulla. Sen asetuksia, kuten ääntä ja nopeutta, voidaan säätää suoraan sen valikosta. |
| VoiceOver | Applen VoiceOver on integroitu Mac- ja iOS-laitteisiin ja tarjoaa vankan tuen Safari-selaimen verkkosisällön selaamiseen. Se sisältää ainutlaatuisia ominaisuuksia, kuten Rotorin, jonka avulla voit valita selattavat verkkosivun elementit yksinkertaisilla eleillä. Tehokkaan testauksen kannalta on tärkeää tutustua VoiceOver-komentoihin. |
| TalkBack | TalkBack on Android-laitteille tarkoitettu näytönlukija. Se sisältää erilaisia eleitä ja asetuksia, joiden avulla voit selata ja käyttää verkkosisältöä Chrome-selaimella. Paikallinen kontekstivalikko on TalkBackin tärkeä työkalu, jonka avulla käyttäjät voivat valita navigointiasetuksia, kuten otsikoita tai linkkejä, yksinkertaisilla sormiliikkeillä. |
| Kertoja | Narrator on Windowsin sisäänrakennettu näytönlukija, joka on saavuttanut suosiota Edge-selaimen kaltaisten selainten rinnalla. Narrator helpottaa verkkosivujen selaamista ja sisällön lukemista monien komentojen avulla. Sen ”skannaustila” on erityisen hyödyllinen sisällön selaamisessa, ja se kytkeytyy automaattisesti pois päältä, kun sinun on vuorovaikutettava esimerkiksi tekstikenttien kaltaisten elementtien kanssa. |
| Dolphin-näytönlukija | Iso-Britanniassa ja Euroopassa suosittu Dolphin ScreenReader for Windows tarjoaa erilaiset pikanäppäimet ja ominaisuudet, jotka on räätälöity sekä pöytätietokoneiden että kannettavien tietokoneiden näppäimistöasetteluille. Se tukee Chrome-, Firefox- ja Edge-selaimia ja sisältää vaihtoehdon verkkosisällön ääneen lukemiseen, mikä tekee navigoinnista intuitiivista. |
| Orca | Orca on kattava näytönlukija Linux-järjestelmille, mukaan lukien Ubuntu- ja Fedora-jakelut. Se tarjoaa vankan tuen verkkosisällön ja sovellusten selaamiseen selaimilla kuten Firefox ja Chromium. Orca tarjoaa joukon näppäimistökomentoja verkkosisällön lukemiseen ja sen kanssa vuorovaikutukseen sekä mahdollistaa puheulostulon ja asetusten laajan mukauttamisen. |
Näytönlukijan testaus paljastaa, miten eri työkalut tulkitsevat otsikoita, linkkejä ja interaktiivisia elementtejä, mikä on olennaista esteettömyysvaatimusten noudattamisen varmistamiseksi. Esimerkiksi näkevät käyttäjät voivat silmäillä sisältöä visuaalisesti, mutta näytönlukijan käyttäjät ovat riippuvaisia lineaarisesta, tekstipohjaisesta kokemuksesta. Siksi verkkosisällön rakenteen ja semantiikan ymmärtäminen on ratkaisevan tärkeää.
Vaikka kaikkien näytönlukijoiden oppiminen ei välttämättä ole käytännöllistä, niiden perustoimintojen tunteminen voi parantaa verkkosivujen esteettömyyttä huomattavasti. On suositeltavaa testata sisältöä useilla näytönlukijoilla, jotta voidaan kattaa käyttäjien vuorovaikutuksen ja mieltymysten kirjo.
Tutustunäytönlukijoiden peruskomennoihin ja esteettömyysominaisuuksiin.
Jokaisella näytönlukijalla on oma joukko komentoja. Ennen kuin aloitat testauksen, tutustu perusnavigointitoimintoihin, kuten otsikoiden, linkkien ja hallintalaitteiden välillä liikkumiseen. Tämä edellyttää usein näppäinyhdistelmien oppimista. Esimerkiksi JAWS-ohjelmassa voit painaa näppäinyhdistelmää Insert + F7, jolloin linkkilista avautuu, kun taas NVDA-ohjelmassa vastaava toiminto avautuu näppäinyhdistelmällä NVDA + F7.
| Testaustehtävä | Navigointimenetelmät |
|---|---|
| Tutustu käyttöjärjestelmän esteettömyysominaisuuksiin |
|
| Suorita perusnavigointitestit |
Avaa verkkosivu ja selaa sisältöä näytönlukijan avulla:
|
| Säädä asetukset testausta varten |
Jotta kokemus olisi mahdollisimman tarkka, säädä näytönlukijan asetuksia:
|
| Käytä kehittäjä- ja testausvälineitä | Hyödynnä sisäänrakennettuja kehittäjätyökaluja tai laajennuksia, kuten WAVE, sekä selaimen kehittäjäkonsolia, jotta ymmärrät, miten näytönlukijat tulkitsevat verkkosisällön taustalla olevan koodin. Tämä voi auttaa sinua tunnistamaan rakenteellisia ongelmia, jotka eivät välttämättä tule heti esiin pelkän äänipalautteen perusteella. |
Näytönlukijoiden testaaminen vaatii kärsivällisyyttä. Harjoittele näytönlukijan käyttöä, jotta pystyt navigoimaan siinä yhtä taitavasti kuin tavallinen käyttäjä. Muista, että näytönlukijat ovat monimutkaisia työkaluja, ja niiden tehokas käyttö vaatii aikaa. Kun olet testannut sisällön, pyydä palautetta näytönlukijoiden käyttäjiltä. Sisällyttämällä näytönlukijoiden testaus laadunvarmistusprosessiin voit tunnistaa ongelmia, joita automaattiset skannaukset eivät pysty havaitsemaan.
Jotta näytönlukijan testaus olisi tehokasta ja kattavaa, on tärkeää ottaa huomioon useita tekijöitä, jotka voivat vaikuttaa tämän teknologian käyttäjien käyttökokemukseen. Tässä on yksityiskohtainen opas, joka auttaa sinua ymmärtämään nämä seikat ja ottamaan ne huomioon testausmenettelyissäsi.
Näytönlukijoiden testaamisen tärkeimmät huomioitavat seikat
- Ymmärrä käyttökokemus
- Ennen kuin aloitat testauksen, on tärkeää ymmärtää, miten näytönlukija tulkitsee ja esittää verkkosisältöä. Toisin kuin näkevät käyttäjät, jotka voivat nopeasti silmäillä koko verkkosivun, näytönlukijan käyttäjät saavat tietoa peräkkäin ja lineaarisesti. Tämä tarkoittaa, että sisällön looginen järjestys ja sen koodaus ovat erittäin tärkeitä.
- Testaus eri alustoilla
- Windows: JAWS ja NVDA ovat tunnetuimpia, mutta älä unohda Narrator-ohjelmaa, varsinkin kun se kehittyy jatkuvasti.
- MacOS: VoiceOver on integroitu syvällisesti ja tarjoaa ainutlaatuisia navigointitoimintoja, kuten roottorin.
- Linux: Orca tarjoaa vankan näytönlukukokemuksen Linuxissa, integroituna selaimiin ja GNOME-työpöytäympäristöön.
- Mobiililaitteet: Muista testata VoiceOver iOS-laitteilla ja TalkBack Android-laitteilla, sillä mobiililaitteiden esteettömyys on erittäin tärkeää.
- Interaktiiviset elementit
- Varmista, että kaikki interaktiiviset elementit, kuten lomakkeet, painikkeet ja linkit, on merkitty selvästi ja että niitä voidaan käyttää tavallisilla näytönlukijan pikanäppäimillä. Testauksessa on varmistettava, että nämä elementit ovat paitsi käytettävissä myös antavat palautetta, kun niitä käytetään, esimerkiksi vahvistamalla lomakkeen lähettämisen.
- Dynaaminen sisältö
- Testaus on ulotettava myös dynaamiseen sisältöön, kuten modaalisiin valintaikkunoihin, reaaliaikaisiin päivityksiin ja AJAX-pohjaisiin käyttöliittymiin. Varmista, että näytönlukija ilmoittaa sisällön muutoksista ilman, että sivua on päivitettävä.
- Visuaalinen riippuvuus
- Arvioi, onko sivustosi toiminnallisuus tai sisältö liian riippuvainen visuaalisista vihjeistä. Varmista, että kaikki väreillä tai asettelulla välitetty tieto on saatavilla myös tekstinä.
- ARIA:n (Accessible Rich Internet Applications) käyttö
- ARIA-roolit ja -ominaisuudet auttavat parantamaan verkkosisällön, erityisesti dynaamisen sisällön ja Ajaxilla, HTML:llä, JavaScriptillä ja niihin liittyvillä tekniikoilla kehitettyjen edistyneiden käyttöliittymän ohjauselementtien, saavutettavuutta. Varmista ARIA-tunnisteiden ja -roolien asianmukainen käyttö soveltuvissa tilanteissa.
- Palaute ja iteratiivinen testaus
- Hyödynnä todellisten näytönlukijankäyttäjien palautetta. Heidän näkemyksensä voivat tarjota arvokkaita näkökulmia, jotka automaattiset työkalut ja simulaatiot eivät välttämättä huomaa. Iteratiivinen testaus, johon kuuluu säännöllisiä tarkistuksia ja päivityksiä, voi auttaa ratkaisemaan esteettömyysongelmia tehokkaammin.
- Dokumentaatio ja koulutus
- Pidä kattava dokumentaatio esteettömyysprotokollistasi ja näytönlukijan testausprosesseistasi. Investoi lisäksi kehittäjien ja sisällöntuottajien kouluttamiseen esteettömyyden parhaista käytännöistä, jotta esteettömyys otetaan huomioon verkkokehityksen kaikissa vaiheissa.
- Lakien noudattaminen ja parhaat käytännöt
- Varmista lopuksi, että verkkosivustosi noudattaa lakisääteisiä standardeja, kuten EAA (Euroopan esteettömyyslaki), ADA (amerikkalaisten vammaisten laki), Rehabilitation Act -lain 508 pykälä ja WCAG (verkkosisällön esteettömyysohjeet). Näiden ohjeiden noudattaminen auttaa paitsi tekemään sivustostasi esteettömän myös parantamaan kaikkien käyttäjien yleistä käyttökokemusta.
Johtopäätös
Tehokas näytönlukijan testaus edellyttää useiden laitteiden, alustojen ja selainten kokeilemista, jotta voidaan ottaa huomioon todelliset käyttötapaukset. Ymmärtämällä ja toteuttamalla perusteelliset testausprotokollat kuka tahansa voi varmistaa, että sivustot ovat esteettömiä, jolloin ne tavoittavat laajemman yleisön ja tarjoavat paremman käyttökokemuksen. Tämä sitoutuminen esteettömyyteen voi parantaa merkittävästi digitaalisen läsnäolosi mainetta ja tehokkuutta.
Lue lisää tarjoamistamme Euroopan esteettömyyslain palveluista.
EAA on ollut voimassa28. kesäkuuta 2025 lähtien.
