Webinaari: Saavutettavuuden perusteet
· Materiaalit · Webinaari
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:
- tekninen toteutus: HTML, CSS ja JS muodostavat toimivan ja virheettömän kokonaisuuden.
- käytettävyys ja helppokäyttöisyys: sivuston toiminnot kuten navigaatio ja lomakkeet ovat selkeitä ja toimivia.
- 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
- ARIA landmark termistä.
- HTML5-tagien oikeaoppisesta käytöstä.
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.
- MDN:n sivusto saavutettavuudesta.
- WordPress:n handbook saavutettavuudesta.
- Accessibility for Everyone -kirja. Hyvä yleiskatsaus saavutettavuudesta.
- Inclusive Components -kirja. Teknisempää tietoa saavutettavuudesta.
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