Verkkosivuston alustan vaihdon yhteydessä huomioitavat saavutettavuuskorjaukset

Abstract

Opinnäytetyössä käsitellään www.fennia.fi-sivustolla alustan vaihdoksen yhteydessä ilmenneitä saavutettavuusongelmia. Sivuston vanha Gatsby-alustarakenne vaihdettiin uuteen Next.js-alustarakenteeseen, ja aiemmin käytössä ollut CSS-ulkoasu sekä asemointi muutettiin Tailwind-muotoon. Näiden muutosten myötä suurin osa sivuston koodista kirjoitettiin uudelleen. Työssä tarkastellaan muutosten vaikutuksia sivuston saavutettavuuteen sekä niitä tekijöitä, jotka saattoivat aiheuttaa saavutettavuusongelmia.

Työn tavoitteena on tarkastella uuden ja vanhan sivuston saavutettavuuspuutteita ennen uuden sivuston julkaisua sekä sen jälkeen. Havaitut puutteet käydään läpi ja korjattiin mahdollisimman kattavasti uudelle sivustolle. Lisäksi pohditaan, ovatko käytössä olevat työkalut riittäviä sivuston saavutettavuuden arviointiin vai olisiko tarpeen ottaa käyttöön muita työkaluja tai toimintamalleja saavutettavuuden selvittämiseen. Mikäli työssä havaittiin, että nykyiset menetelmät eivät ole riittäviä saavutettavuuden takaamiseksi, annetaan kehitysehdotuksia tilanteen parantamiseksi.

Saavutettavuushavaintoja kerättiin sekä vanhalta että uudelta sivustolta Siteimprove-työkalulla, joka skannaa sivustot automaattisesti kerran viikossa ja tunnistaa saavutettavuuspuutteet. Skannaustuloksia kerättiin kahden kuukauden tarkastelujakson ajalta ennen sivuston muutosta sekä noin kuukauden ajalta muutoksen jälkeen. Työn tietoperustassa käsiteltiin saavutettavuuden eri kohderyhmiä ja niiden tarpeita sekä lain asettamia saavutettavuusvaatimuksia, joiden pohjalta WCAG-ohjeistukset on laadittu.

Opinnäytetyön tuloksena todetaan, että uuden sivuston saavutettavuus parani tehtyjen korjausten myötä ja sen saavutettavuustaso ylitti vanhan sivuston tason. Lisäksi saavutettavuuden seurannassa ja toimintatavoissa havaittiin puutteita. Näihin puutteisiin esitetään neljä kehitysehdotusta, joiden avulla sivuston saavutettavuutta voitaisiin parantaa sekä kehitysprosessin että jatkuvan seurannan osalta.