Skip to main content

Verkkosaavutettavuuden testaus ja auditointi: Kattava lähestymistapa

Testaus on paikka, jossa saavutettavuuden teoria kohtaa käytännön. Ilman järjestelmällistä testausta saavutettavuusvaatimukset jäävät pyrkimyksiksi saavutusten sijaan. Tehokas saavutettavuustestaus yhdistää automatisoidun skannauksen, manuaalisen asiantuntija-arvioinnin ja käyttäjätestauksen avustavalla teknologialla luodakseen kattavan kuvan digitaalisen kokemuksesi saavutettavuudesta.

Miksi testaus on tärkeää

Automatisoidut työkalut ovat olennainen lähtökohta, mutta ne voivat havaita vain murto-osan saavutettavuusongelmista — alan tutkimus viittaa johdonmukaisesti siihen, että automatisoitu testaus havaitsee noin 30–40 prosenttia WCAG-rikkomuksista. Automatisoidut työkalut voivat todeta, onko kuvalla alt-attribuutti, mutta ne eivät voi arvioida, onko alt-teksti merkityksellinen. Ne voivat mitata kontrastisuhteita, mutta ne eivät voi arvioida, onko lukujärjestys looginen tai viestääkö mukautettu widget tilansa oikein ruudunlukijalle.

Tämän vuoksi kerrostettu lähestymistapa on välttämätön. Jokainen testauksen kerros havaitsee ongelmia, jotka muut kerrokset ohittavat.

Kerros 1: Automatisoitu skannaus

Automatisoidut saavutettavuustestaustyökalut skannaavat sivusi WCAG-onnistumiskriteereistä johdettujen sääntöjen perusteella ja merkitsevät rikkomukset. Ne ovat nopeita, toistettavia ja erinomaisia systemaattisten ongelmien havaitsemiseen laajoilla sivustoilla. Käytä niitä ensimmäisenä puolustuslinjana ja jatkuvaan seurantaan.

axe DevTools on yksi laajimmin käytetyistä saavutettavuustestausmoottoreista. Saatavilla selainlaajennuksena ja kirjastona, joka integroituu kehitystyönkulkuihin, axe testaa kattavaa sääntöjoukkoa vasten ja on suunniteltu minimoimaan väärät positiiviset. Se toimii pohjana monille muille saavutettavuustestaustyökaluille.

WAVE WebAIMiltä tarjoaa visuaalisen kerroksen, joka korostaa saavutettavuusongelmat suoraan sivulla. Se on erityisen hyödyllinen ei-teknisille sidosryhmille, koska se näyttää ongelmat kontekstissa erillisen raportin sijaan. Saatavilla selainlaajennuksena ja verkkotyökaluna.

Google Lighthouse on sisäänrakennettu Chrome DevToolsiin ja sisältää saavutettavuusauditointikategorian. Sen laajuus on rajatumpi kuin omistautuneiden saavutettavuustyökalujen, mutta sen kätevyys ja nollakonfiguraatio tekevät siitä hyvän pikatarkistuksen kehityksen aikana.

Pa11y on avoimen lähdekoodin komentorivityökalu, joka sopii hyvin jatkuvan integraation putkistoihin. Se voi testata yksittäisiä sivuja tai indeksoida kokonaisia sivustoja ja tuottaa tuloksia eri muodoissa.

IBM Equal Access Accessibility Checker on ilmainen selainlaajennus, joka käyttää IBM:n sääntömoottoria ja tarjoaa ohjatun arvioinnin, mukaan lukien näppäimistötarkistustilan.

Mitään näistä työkaluista ei tulisi käyttää ainoana saavutettavuuden arviointimenetelmänä. Ne täydentävät manuaalista testausta — ne eivät korvaa sitä.

Kerros 2: Manuaalinen asiantuntijatestaus

Manuaalinen testaus sisältää koulutetun arvioijan, joka järjestelmällisesti arvioi sivustosi WCAG-onnistumiskriteereitä vasten käyttäen erilaisia tekniikoita.

Näppäimistötestaus on perustavanlaatuisin manuaalinen testi. Navigoi koko sivustosi käyttäen vain näppäimistöä. Siirry Tabilla jokaisen sivun läpi, käytä jokaista kontrollia, avaa ja sulje jokainen valikko ja dialogi. Varmista, että fokusjärjestys on looginen, että fokus on aina näkyvissä, ettei näppäimistöansoja ole ja että kaikki toiminnallisuus on käytettävissä ilman hiirtä.

Zoomaustestaus sisältää sivun suurentamisen 200 %:iin ja 400 %:iin sekä sen varmistamisen, ettei sisältöä menetä, toiminnallisuus rikkoudu eikä vaakasuuntaista vieritystä vaadita 320 CSS-pikselin leveydellä.

Ruudunlukijatestaus sisältää sivustollasi navigoinnin yhdellä tai useammalla ruudunlukijalla sen varmistamiseksi, että kaikki sisältö ilmoitetaan oikein, otsikot ja maamerkit luovat navigoitavan rakenteen, lomaketunnisteet on yhdistetty oikein, dynaamiset sisältömuutokset ilmoitetaan ja mukautetut widgetit viestivät tilansa.

Kolme yleisintä ruudunlukijaa ovat JAWS (kaupallinen, Windows), NVDA (ilmainen, Windows) ja VoiceOver (sisäänrakennettu macOS:iin ja iOS:iin). Jokaisella on erilaisia vahvuuksia ja käyttäytymismalleja, joten vähintään kahdella testaamista suositellaan. TalkBack on Android-laitteiden ensisijainen ruudunlukija.

Kognitiivinen läpikäynti arvioi sivustoa kognitiivisia vammoja omaavien käyttäjien näkökulmasta. Onko sisältö selkeää ja yksiselitteistä? Ovatko ohjeet eksplisiittisiä? Onko navigaatio ennustettavaa? Voivatko käyttäjät palautua virheistä? Onko kognitiivinen kuormitus kohtuullinen?

Kerros 3: Käyttäjätestaus avustavalla teknologialla

Paljastavin saavutettavuustestauksen muoto sisältää todellisia vammaisia käyttäjiä, jotka käyttävät omia avustavia teknologioitaan. Automatisoidut työkalut ja asiantuntija-arvioinnit voivat tunnistaa teknisiä puutteita, mutta vain todelliset käyttäjät voivat paljastaa käytännön käytettävyysesteitä — vuorovaikutuksia, jotka teknisesti läpäisevät WCAG-kriteerit, mutta silti aiheuttavat hämmennystä tai turhautumista.

Rekrytoi osallistujia, jotka edustavat erilaisia vammoja ja avustavien teknologioiden käyttöä. Ota mukaan ruudunlukijakäyttäjiä, pelkän näppäimistön käyttäjiä, motorisista vammoista kärsiviä, jotka voivat käyttää kytkinkäyttöä tai ääniohjausta, heikkonäköisiä, jotka turvautuvat suurennukseen, ja kognitiivisista vammoista kärsiviä. Tarkkaile heidän suorittavan keskeisiä tehtäviä sivustollasi ja dokumentoi kohtaamansa esteet.

Auditointiprosessi

Muodollinen saavutettavuusauditointi noudattaa tyypillisesti rakenteellista prosessia: määrittele laajuus, suorita automatisoitu skannaus, tee manuaalinen asiantuntija-arviointi, suorita käyttäjätestaus, dokumentoi kaikki havainnot vakavuusluokituksineen ja korjaussuosituksineen, sitten korjaa alkaen suurimman vaikutuksen ongelmista ja testaa uudelleen korjausten jälkeen.

Saavutettavuusselosteet

European Accessibility Actin ja monien muiden säännösten mukaisesti organisaatioiden on julkaistava saavutettavuusseloste. Tämän dokumentin tulisi kuvata vaatimustenmukaisuustilasi, luetella kaikki tiedossa olevat saavutettavuusrajoitukset, selittää miten käyttäjät voivat ilmoittaa saavutettavuusongelmista ja antaa yhteystiedot saavutettavuustiedusteluille. Sen tulisi olla helposti löydettävissä sivustosi jokaiselta sivulta.

Jatkuva seuranta

Saavutettavuus ei ole kertaluonteinen projekti. Uusi sisältö, suunnittelumuutokset, ominaisuuksien lisäykset ja kolmannen osapuolen integraatiot voivat kaikki tuoda saavutettavuuden taantumia. Integroi automatisoitu saavutettavuustestaus CI/CD-putkistoosi, tee säännöllisiä manuaalisia arviointeja ja perusta prosessi käyttäjiltä tulevan saavutettavuuspalautteen vastaanottamiseen ja käsittelyyn.

Onko verkkosivustosi saavutettava?

Skannaa verkkosivustosi ilmaiseksi ja saa WCAG-pisteesi muutamassa minuutissa.

Skannaa sivustosi ilmaiseksi