Uuden nettisivumoduulin suunnittelu ja toteutus sekä saavutettavuuspäivitys
Ahonen, Tomi (2024)
Ahonen, Tomi
2024
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-2024121737016
https://urn.fi/URN:NBN:fi:amk-2024121737016
Tiivistelmä
Tämän opinnäytetyön tavoitteena oli uuden nettisivumoduulin kehitys ja sen sisältävän sivuston saavutettavuuspäivitys. Työ tapahtui Varsinais-Suomen Lastensuojelujärjestöt ry:n (VSLJ) toimeksiannosta yhdistyksen Ammattilaistenlinkki.fi -sivustolla. Sivuston nykyiset moduulit sisälsivät saavutettavuusongelmia, ja uusi aihealue tarvitsi oman uuden moduulin, jossa materiaalit esitetään yhteneväisellä rakenteella, kuten aiemmatkin moduulit.
Moduuli tehtiin WordPress-sisällönhallintajärjestelmässä, jonka pohjalla koko sivusto toimii. Työkaluina käytettiin myös lisäosia, joilla hallitaan käyttäjien rooleja, ladattavia tiedostoja sekä ulkoasua. Toimeksiantajan tarpeen mukaisesti uusi moduuli sisälsi tiettyjä eriäväisiä toimintoja verrattuna aiempiin moduuleihin, joiden mukaisesti uusi moduuli tuli muuten tehdä.
Uuden moduulin kehitysvaiheessa sivuston alkuperäisiä JavaScript, PHP ja CSS -tiedostoja muokattiin sisällyttämään tarvittavat konfiguraatiot uudesta sisällöstä, sen pääsyoikeuksista ja tyylittelystä. Sivuston saavutettavuus parani huomattavasti lähemmäs WCAG-standardia kontrastiongelmien tullessa korjatuksi, ja näppäimistön käytön ollessa nyt mahdollinen kaikilla sivuilla. Työ suoritettiin jatkuvassa vuorovaikutuksessa VSLJ:n kanssa, mahdollistaen uusien ongelmien havainnoinnin heti kehityksen aikana, ja lopputulokseksi tuli entistä helpommin käytettävä sivusto, sekä uusi moduuli, jolla VSLJ kykenee tarjoamaan uusia koulutusmateriaalejaan.
Moduuli tehtiin WordPress-sisällönhallintajärjestelmässä, jonka pohjalla koko sivusto toimii. Työkaluina käytettiin myös lisäosia, joilla hallitaan käyttäjien rooleja, ladattavia tiedostoja sekä ulkoasua. Toimeksiantajan tarpeen mukaisesti uusi moduuli sisälsi tiettyjä eriäväisiä toimintoja verrattuna aiempiin moduuleihin, joiden mukaisesti uusi moduuli tuli muuten tehdä.
Uuden moduulin kehitysvaiheessa sivuston alkuperäisiä JavaScript, PHP ja CSS -tiedostoja muokattiin sisällyttämään tarvittavat konfiguraatiot uudesta sisällöstä, sen pääsyoikeuksista ja tyylittelystä. Sivuston saavutettavuus parani huomattavasti lähemmäs WCAG-standardia kontrastiongelmien tullessa korjatuksi, ja näppäimistön käytön ollessa nyt mahdollinen kaikilla sivuilla. Työ suoritettiin jatkuvassa vuorovaikutuksessa VSLJ:n kanssa, mahdollistaen uusien ongelmien havainnoinnin heti kehityksen aikana, ja lopputulokseksi tuli entistä helpommin käytettävä sivusto, sekä uusi moduuli, jolla VSLJ kykenee tarjoamaan uusia koulutusmateriaalejaan.