Verkkosivuston responsiivisuuden ja saavutettavuuden parantaminen

Abstract

Insinöörityön tarkoituksena oli parantaa Keikkakaveri-verkkosivuston responsiivisuutta ja lisätä sivuston saavutettavuutta. Tavoitteena oli, että verkkosivusto saavuttaisi saavutettavuuden kannalta kansainvälisen WCAG-saavutettavuusohjeistuksen (Web Content Accessibility Guidelines) A- tai AA-tason ja toimisi responsiivisesti mobiililaitteilla ja tableteilla.

Työssä sivusto käytiin läpi ja katsottiin, mistä löytyy responsiivisuusongelmia mobiililaitteilla ja tableteilla. Sivuilla, joilta löytyi responsiivisuuden kanssa ongelmia, responsiivisuutta parannettiin, kunnes ongelmia ei enää ollut. Työssä käytettiin responsiivisuuden kanssa keskeytyskohtia, suhteellisia yksiköitä ja muita yleisiä responsiivisuustekniikoita. Lopuksi tutustuttiin vielä siihen, miten responsiivisuuden tarkistusta voisi automatisoida tulevaisuudessa.

Työssä käytiin verkkosivut läpi myös käyttäen kolmea eri saavutettavuuden tarkistustyökalua, jotka tarkistivat, mitä ongelmia sivuilla oli saavutettavuuden kannalta. Saavutettavuuden virheet ja ongelmat, jotka tarkistustyökalut löysivät, korjattiin. Joihinkin ongelmiin ei kuitenkaan ehditty työn aikana koskea, joten ne kirjoitettiin muistiin ja ilmoitettiin hankkeelle.

Työn tuloksena sivustosta ei enää löytynyt responsiivisuusongelmia ja suurin osa saavutettavuusvirheistä saatiin ratkaistua. Työn aikana selvisi, että responsiivisuus ja saavutettavuus kannattaa ottaa jo verkkosivun suunnitteluvaiheessa huomioon.