Saavutettavat verkkosivut: ”WCAG - standardi”
Lattu, Emmi (2025)
Lattu, Emmi
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-2025110326899
https://urn.fi/URN:NBN:fi:amk-2025110326899
Tiivistelmä
Opinnäytetyössä tarkasteltiin verkkosivujen saavutettavuutta ja sen merkitystä kaikenlaisille käyttäjille. Työn tavoitteena oli selvittää, miten saavutettavuus voidaan huomioida verkkosivujen suunnittelussa, toteutuksessa ja ylläpidossa sekä arvioida, miten valittu esimerkkisivusto täyttää WCAG 2.1-ohjeistuksen vaatimukset.
Työ toteutettiin teoreettisen ja toiminnallisen osuuden yhdistelmänä. Teoriaosuudessa käsiteltiin saavutettavuuden peruskäsitteitä, lainsäädäntöä ja WCAG-standardia. Työssä kuvattiin saavutettavuuden neljä pääperiaatetta havaittavuus, hallittavuus, ymmärrettävyys ja lujatekoisuus. Toiminnallisessa osuudessa arvioitiin RoboAI-verkkosivuston saavutettavuutta kolmella eri työkalulla Accessibility Checkerillä, Google Lighthousella ja WAVE-työkalulla.
Tulosten perusteella sivusto todettiin pääosin saavutettavaksi, mutta havaittiin kehityskohteita. Näitä olivat kontrastin puutteet, epäselvät linkkirakenteet sekä näppäimistönavigoinnin haasteita. Parannusehdotuksissa korostettiin värien ja typografian optimointia, ARIA- ja tabindex-rakenteiden korjaamista sekä saavutettavuuden sisällyttämistä osaksi jatkuvaa kehitystyötä.
Johtopäätöksenä todettiin, että saavutettavuus ei ole vain lakisääteinen velvoite, vaan myös käyttäjäkokemusta ja yhdenvertaisuutta edistävä tekijä. Saavutettavuus hyödyttää kaikkia verkkopalvelujen käyttäjiä. Kun saavutettavuus huomioidaan suunnittelusta lähtien, voidaan luoda teknisesti toimivia, esteettömiä ja vastuullisia verkkopalveluja.
Työ toteutettiin teoreettisen ja toiminnallisen osuuden yhdistelmänä. Teoriaosuudessa käsiteltiin saavutettavuuden peruskäsitteitä, lainsäädäntöä ja WCAG-standardia. Työssä kuvattiin saavutettavuuden neljä pääperiaatetta havaittavuus, hallittavuus, ymmärrettävyys ja lujatekoisuus. Toiminnallisessa osuudessa arvioitiin RoboAI-verkkosivuston saavutettavuutta kolmella eri työkalulla Accessibility Checkerillä, Google Lighthousella ja WAVE-työkalulla.
Tulosten perusteella sivusto todettiin pääosin saavutettavaksi, mutta havaittiin kehityskohteita. Näitä olivat kontrastin puutteet, epäselvät linkkirakenteet sekä näppäimistönavigoinnin haasteita. Parannusehdotuksissa korostettiin värien ja typografian optimointia, ARIA- ja tabindex-rakenteiden korjaamista sekä saavutettavuuden sisällyttämistä osaksi jatkuvaa kehitystyötä.
Johtopäätöksenä todettiin, että saavutettavuus ei ole vain lakisääteinen velvoite, vaan myös käyttäjäkokemusta ja yhdenvertaisuutta edistävä tekijä. Saavutettavuus hyödyttää kaikkia verkkopalvelujen käyttäjiä. Kun saavutettavuus huomioidaan suunnittelusta lähtien, voidaan luoda teknisesti toimivia, esteettömiä ja vastuullisia verkkopalveluja.
