Rakenna verkkosivun saavutettavuudelle kestävä tekninen perusta
Oikein kirjoitettu HTML välittää sisällön rakenteen ja käyttöliittymän merkityksen selaimille sekä avustaville teknologioille. Kun käytät HTML-elementtejä niiden tarkoituksen mukaisesti, suuri osa saavutettavuudesta toteutuu luontevasti jo sivua rakennettaessa.
Tällä käytännönläheisellä kurssilla opit toteuttamaan verkkosivujen rakenteet, navigaation, linkit, painikkeet, lomakkeet, taulukot ja muut tavalliset käyttöliittymäelementit saavutettavasti. Opit myös tunnistamaan tilanteet, joissa natiivi HTML riittää ja milloin tarvitaan täydentäviä ARIA-määritteitä.
Hyvä saavutettavuus alkaa oikeasta HTMLä
Verkkosivu voi näyttää silmämääräisesti toimivalta, vaikka sen rakenne olisi avustavalle teknologialle epäselvä. Otsikolta näyttävä teksti ei ole otsikko, jos se on toteutettu tavallisena tekstikappaleena. Linkiltä näyttävä elementti ei välttämättä kerro käyttäjälle, mitä siitä tapahtuu. Myös painikkeiden, lomakekenttien ja navigaation merkitys voi jäädä ruudunlukijalta tunnistamatta.
Semanttisesti oikein kirjoitettu HTML antaa sisällölle ja käyttöliittymän osille niiden todellisen merkityksen. Samalla selain tarjoaa monille elementeille valmiiksi oikean näppäimistötoiminnan, roolin ja avustavien teknologioiden tarvitseman informaation.
Kurssilla opit käyttämään HTML:ää tarkoituksenmukaisesti saavutettavan toteutuksen perustana. Samalla tarkastelemme yleisiä toteutustapoja, jotka rikkovat HTML sisäänrakennetun saavutettavuuden.
Mitä opit tällä kurssilla?
Kurssin jälkeen osaat:
- rakentaa sivulle loogisen ja semanttisen HTML-rakenteen
- käyttää otsikoita, alue-elementtejä ja muita rakenteita tarkoituksenmukaisesti
- erottaa linkin ja painikkeen tehtävät toisistaan
- toteuttaa käyttöliittymän perustoiminnot näppäimistöllä käytettäviksi
- yhdistää lomakekentät, nimilaput, ohjeet ja virheilmoitukset toisiinsa
- toteuttaa tietotaulukon niin, että sen rakenne välittyy myös ruudunlukijalle
- tarjota kuville ja muulle ei-tekstuaaliselle sisällölle tarvittavat tekstivastineet
- tunnistaa HTML saavutettavuuteen vaikuttavia virheitä
- käyttää ARIA-määritteitä vain silloin, kun natiivi HTML ei tarjoa tarvittavaa semantiikkaa
- tarkistaa toteutuksen rakennetta selaimen kehittäjätyökaluilla, näppäimistöllä ja ruudunlukijan avulla.
Kenelle kurssi sopii?
Kurssi on tarkoitettu henkilöille, jotka rakentavat tai muokkaavat verkkosivujen ja verkkopalvelujen HTML-rakenteita. Se sopii erityisesti:
- front-end-kehittäjille ja verkkosivujen toteuttajille
- WordPress-teemojen ja muiden julkaisujärjestelmäratkaisujen kehittäjille
- teknisille ylläpitäjille
Mitä taitoja tarvitset ennen kurssia?
Osallistujalta edellytetään HTML perusteiden tuntemista. Sinun tulisi ymmärtää HTML-dokumentin rakenne sekä tavallisimpien elementtien ja attribuuttien käyttö.
CSS ja JavaScriptin osaamisesta on hyötyä, mutta kurssi ei edellytä niiden syvällistä hallintaa. Koulutuksen pääpaino on HTML-rakenteessa ja selaimen muodostamassa saavutettavuustiedossa.
Kurssin toteutustapa: Kurssi toteutetaan pääsääntöisesti etäkoulutuksena. Sovittaessa kurssi voidaan totettaa myös luokkakoulutuksena tai asiakkaan tiloissa.
Tietoa koulutuksista
Luokkakoulutukset
Corellian koulutustiloissa:
Kalevankatu 9 A, Helsinki
Kiinnostaako asiakaskohtainen toteutus? Meillä onnistuu.