Wordpressin Generatepress-teemalla toteutettujen verkkosivujen saavutettavuuden analysointi
Piispanen, Joonas (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-2025051310987
https://urn.fi/URN:NBN:fi:amk-2025051310987
Tiivistelmä
Tämän opinnäytetyön tarkoituksena oli tutkia, kuinka saadaan tehtyä saavutettavat verkkosivut, jotka täyttävät WCAG 2.1 -ohjeiston AA-tason saavutettavuuden ohjeistukset ja standardit. Analysoimieni verkkosivujen tekemiseen käytin WordPress-alustaa sekä GeneratePress-pohjateemaa. Tavoitteena oli tunnistaa oleelliset toiminnot, jotka vaikuttavat sivuston saavutettavuuteen ja jotka täytyy sivuston kehitysvaiheessa lisätä käsin, eli ne eivät tule suoraan teemasta. Tavoitteena oli myös tarkastella, olisiko verkkosivujen tekemiseen mahdollista kehittää käytäntöjä, jotka auttaisivat suorittamaan nämä toiminnot jo verkkosivujen kehitysvaiheessa.
Tutkimuksessa käsiteltiin verkkosivujen saavutettavuutta. Työtäni varten perehdyin verkkosivujen saavutettavuutta koskevaan EU-direktiiviin 2016/2102 sekä WCAG 2.1 -standardeihin. Käytin verkkosivujen saavutettavuuden tekniseen analysoimiseen ja testaamiseen Chrome-selaimen Wave- ja Lighthouse-lisäosia. Manuaalisessa testauksessa käytin Applen kehittämää VoiceOver-ruudunlukijaa.
Tutkimuksen tulokset osoittavat, että käytetty GeneratePress-teema on lähtökohtaisesti hyvin saavutettava, ja suurimmat saavutettavuusongelmat liittyivät suunnitteluvaiheen valintoihin, kuten värikontrastin puutteisiin. Työssä käytetyt saavutettavuustyökalut eivät havainneet kaikkia saavutettavuuspuutteita, kuten video- elementtien haasteita, mikä korostaa uusien elementtien tarkastelun tärkeyttä jatkossa. Saavutettavuutta tulisi ajatella jatkuvana prosessina, jossa myös tulevat lisäykset ja päivitykset arvioidaan saavutettavuuden näkökulmasta jo suunnitteluvaiheessa. Opinnäytetyön tuloksia voidaan hyödyntää verkkosivujen kehitysprosessissa varmistamalla, että suunnittelijat huomioivat saavutettavuusvaatimukset alusta alkaen.
Tutkimuksessa käsiteltiin verkkosivujen saavutettavuutta. Työtäni varten perehdyin verkkosivujen saavutettavuutta koskevaan EU-direktiiviin 2016/2102 sekä WCAG 2.1 -standardeihin. Käytin verkkosivujen saavutettavuuden tekniseen analysoimiseen ja testaamiseen Chrome-selaimen Wave- ja Lighthouse-lisäosia. Manuaalisessa testauksessa käytin Applen kehittämää VoiceOver-ruudunlukijaa.
Tutkimuksen tulokset osoittavat, että käytetty GeneratePress-teema on lähtökohtaisesti hyvin saavutettava, ja suurimmat saavutettavuusongelmat liittyivät suunnitteluvaiheen valintoihin, kuten värikontrastin puutteisiin. Työssä käytetyt saavutettavuustyökalut eivät havainneet kaikkia saavutettavuuspuutteita, kuten video- elementtien haasteita, mikä korostaa uusien elementtien tarkastelun tärkeyttä jatkossa. Saavutettavuutta tulisi ajatella jatkuvana prosessina, jossa myös tulevat lisäykset ja päivitykset arvioidaan saavutettavuuden näkökulmasta jo suunnitteluvaiheessa. Opinnäytetyön tuloksia voidaan hyödyntää verkkosivujen kehitysprosessissa varmistamalla, että suunnittelijat huomioivat saavutettavuusvaatimukset alusta alkaen.