Verkkosivuston saavutettavuuden arviointi WCAG-kriteerien pohjalta
Hoikka, Jenny (2025)
2025
All rights reserved. This publication is copyrighted. You may download, display and print it for Your own personal use. Commercial use is prohibited.
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-2025121235468
https://urn.fi/URN:NBN:fi:amk-2025121235468
Tiivistelmä
Työn tavoitteena oli arvioida toimeksiantajan, Oulun Markkinointi Oy:n Palokärki-verkkosivuston saavutettavuutta ajankohtaisten Web Content Accessibility Guidelines (WCAG) 2.2-ohjeistuksen A- ja AA-tason vaatimusten pohjalta. Työssä pyrittiin selvittämään, kuinka hyvin verkkosivusto täyttää WCAG-kriteerit, millaisia saavutettavuusongelmia sivustolta löytyy sekä miten saavutettavuuden automaattiset ja manuaaliset arviointimenetelmät täydentävät toisiaan.
Arviointi toteutettiin seuraamalla WCAG-EM-arviointimenetelmää ja hyödyntämällä sen viitekehystä sekä prosessinhallintatyökalua. Sivustoa testattiin automaattisella työkalulla (WAVE) sekä manuaalisilla menetelmillä, kuten näppäimistötestauksella ja NVDA-ruudunlukijalla. Arviointi toteutettiin sivuston keskeisille sivutyypeille ja toiminnallisuuksille, kuten tuotelistauksille, tuotesuodatukselle, hakutoiminnolle ja yhteydenottolomakkeelle.
Saavutettavuusarvioinnissa sivustolta löydettiin useita saavutettavuutta heikentäviä tekijöitä. Havaitut ongelmat liittyivät erityisesti semantiikkaan, värikontrastisuhteisiin, lomakekenttien toteutukseen ja ruudunlukijayhteensopivuuteen. Keskeisiä havaintoja olivat esimerkiksi otsikko- ja maamerkkirakenteiden puutteellisuus, kieliattribuutin virheellinen määrittely, lomakekenttien tunnisteiden puutteet ja erilaisten tilamuutosten heikko välittyminen ruudunlukijoille.
Arvioinnin perusteella automaattinen ja manuaalinen testaus täydentävät toisiaan. Automaattisten työkalujen avulla pystyttiin tunnistamaan teknisiä ongelmia, kun taas manuaalisen testauksen keinoin löydettiin erityisesti vuorovaikutteisiin toimintoihin liittyviä ongelmia, joita automaattiset työkalut eivät havainneet.
Tulosten perusteella verkkosivusto ei vastannut WCAG 2.2-ohjeistuksen A- ja AA-tason vaatimuksiin, ja sivustolla on selkeitä kehittämiskohteita saavutettavuuden parantamiseksi. Saavutettavuusarviointi tarjoaa toimeksiantajalle pohjan kehitystyölle sekä mahdollisuuden laatia sivustolle saavutettavuusseloste.
Arviointi toteutettiin seuraamalla WCAG-EM-arviointimenetelmää ja hyödyntämällä sen viitekehystä sekä prosessinhallintatyökalua. Sivustoa testattiin automaattisella työkalulla (WAVE) sekä manuaalisilla menetelmillä, kuten näppäimistötestauksella ja NVDA-ruudunlukijalla. Arviointi toteutettiin sivuston keskeisille sivutyypeille ja toiminnallisuuksille, kuten tuotelistauksille, tuotesuodatukselle, hakutoiminnolle ja yhteydenottolomakkeelle.
Saavutettavuusarvioinnissa sivustolta löydettiin useita saavutettavuutta heikentäviä tekijöitä. Havaitut ongelmat liittyivät erityisesti semantiikkaan, värikontrastisuhteisiin, lomakekenttien toteutukseen ja ruudunlukijayhteensopivuuteen. Keskeisiä havaintoja olivat esimerkiksi otsikko- ja maamerkkirakenteiden puutteellisuus, kieliattribuutin virheellinen määrittely, lomakekenttien tunnisteiden puutteet ja erilaisten tilamuutosten heikko välittyminen ruudunlukijoille.
Arvioinnin perusteella automaattinen ja manuaalinen testaus täydentävät toisiaan. Automaattisten työkalujen avulla pystyttiin tunnistamaan teknisiä ongelmia, kun taas manuaalisen testauksen keinoin löydettiin erityisesti vuorovaikutteisiin toimintoihin liittyviä ongelmia, joita automaattiset työkalut eivät havainneet.
Tulosten perusteella verkkosivusto ei vastannut WCAG 2.2-ohjeistuksen A- ja AA-tason vaatimuksiin, ja sivustolla on selkeitä kehittämiskohteita saavutettavuuden parantamiseksi. Saavutettavuusarviointi tarjoaa toimeksiantajalle pohjan kehitystyölle sekä mahdollisuuden laatia sivustolle saavutettavuusseloste.