Share on facebook
Share on twitter
Share on linkedin

Webinaari: Saavutettavuuden perusteet

Saavutettavuus on yksi verkkosivuston peruspilareista. Sen tarkoituksena on rakentaa sivusto siten, että mahdollisimman moni voisi sitä sujuvasti käyttää.

Terminä saavutettavuus on vakiintunut digitaalisiin palveluihin. Ja vastaavasti käytetään termiä esteettömyys, kun viitataan rakennusten ja muiden tilojen helppokulkuisuuteen ja toimivuuteen. Yleisen harhaluulon mukaan saavutettavuus liittyy pääsääntöisesti sokeille tai heikkonäköisille suunnattuihin palveluihin.

Saavutettavuus koskettaa kuitenkin lähestulkoon kaikkia tilanteesta ja ajankohdasta riippuen. On iän tuomia ongelmia motoriikassa, värisokeutta, käsi kipsissä, lukihäiriöitä, huonoja verkkoyhteyksiä. On arvioitu, että 20% ihmisistä tarvitsevat saavutettavia palveluja, jotta he voivat niitä edes käyttää. Eikä muillekaan siitä haittaa ole.

Semanttinen HTML saavutettavuuden lähtökohtana

Saavutettavuus voidaan karkeasti jakaa kolmeen kategoriaan:

  1. tekninen toteutus: HTML, CSS ja JS muodostavat toimivan ja virheettömän kokonaisuuden.
  2. käytettävyys ja helppokäyttöisyys: sivuston toiminnot kuten navigaatio ja lomakkeet ovat selkeitä ja toimivia.
  3. sisältöjen selkeys ja ymmärrettävyys: sisältö on iso verkkosivustoja, joten pelkkä tekninen toteutus ei takaa saavutettavaa sivustoa.

Seminaarissa käytiin läpi pääsääntöisesti vain teknisiä vinkkejä. Ja semanttisen HTML:n käyttö on aina tärkein vinkki. Puhuimme esimerkiksi

Muita vinkkejä olivat mm.

  • riittävä värikontrasti ja värien käyttö.
  • focus-tyylit.
  • alt-tekstin käyttö.
  • lomakkeiden label.
  • otsikkojen hierarkia
  • hyppää sisältöön -linkki.

Accessibility tips -artikkelini avaa näitä hieman tarkemmin.

Mistä saavutettavuuden opiskelun voi aloittaa?

WCAG eli Web Content Accessibility Guidelines on kansainvälinen ohjeistus verkkosivustojen saavutettavuudesta. Tätä ohjeistusta noudattaa myös lainsäädäntö.

Totuuden nimissä WCAG:n ohjeistusta on aluksi vaikea ymmärtää. Joten ensiksi kannattanee tutustua muuhun materiaaliin. 

Lisäksi esitelmästä löytyy muita hyödyllisiä linkkejä. Näillä vinkeillä varmasti pääsee alkuun ja opiskeltavaa riittää moneksi kuukaudeksi, ellei jopa vuosiksi!

Pysykää kuulolla, jatko-osa on tulossa jossakin vaiheessa 🙂

Sami Keijonen 10up

Kuva: Wellbe Skandi

Jaa juttu somessa:

Share on facebook
Share on twitter
Share on linkedin

Viimeaikaiset blogaukset

Seuraa Facebookissa

Tilaa #mimmitkoodaa uutiskirje!

Tilaamalla uutiskirjeen hyväksyt käyttöehdot.