Saavutettavuus – verkkosivustot 🆕

Koulutus antaa käytännönläheisen katsauksen siihen, miten saavutettavuus toteutetaan verkkosivuilla. Opit tunnistamaan yleisimmät saavutettavuusongelmat, tulkitsemaan WCAG-kriteerejä ja tekemään konkreettisia parannuksia sivuston rakenteeseen, sisältöön ja käyttöliittymään.

Tavoite

Osallistuja ymmärtää, miten verkkosivujen saavutettavuus varmistetaan suunnittelusta julkaisuun asti, ja osaa hyödyntää saavutettavuuden tarkistustyökaluja käytännössä.

Kenelle

Koulutus soveltuu verkkosisällön tuottajille, viestintäasiantuntijoille, verkkosivujen ylläpitäjille ja kehittäjille, sekä kaikille, jotka vastaavat organisaation verkkopalvelujen laadusta. Perustaidot verkkosivujen sisällöntuotannosta tai ylläpidosta (esim. CMS-järjestelmät kuten WordPress, Drupal, Sitefinity) katsotaan eduksi. Osallistuminen ei vaadi koodausosaamista, mutta hyödyttää myös kehittäjiä.

Suosittelemme osallistumaan tätä kurssia ennen Saavutettavuus – käytännön perusteet -koulutukseen.

Koulutuksen sisältö

Saavutettavuuden perusteet verkkoympäristössä

• Mitä saavutettavuus tarkoittaa verkossa
• Saavutettavuus vs. käytettävyys

Rakenne ja semanttinen HTML

• Otsikkotasot ja looginen rakenne
• Linkit, napit ja lomakkeet oikein merkattuina
• ARIA-tunnisteiden rooli ja käyttö

Värit, kontrastit ja typografia

• Värien merkitys ja kontrastien testaus
• Fonttikoot ja tekstin luettavuus
• Väriin tukeutumaton viestintä

Kuvat, videot ja multimedia

• Alt-tekstit ja kuvien saavutettavuus
• Videoiden tekstitys ja äänikuvaus
• PDF- ja upotetun sisällön saavutettavuus

Navigointi ja vuorovaikutus

• Näppäimistönavigointi ja fokusjärjestys
• Selkeä navigointirakenne ja looginen sivustokartta
• Lomakkeiden saavutettavuus

Testaus ja työkalut

• WAVE, axe, Lighthouse ja muut automaattiset tarkistimet
• Ruudunlukijat ja manuaalinen testaus
• Saavutettavuusraportin laatiminen

Workshop: oman sivuston saavutettavuusanalyysi

• Osallistujat arvioivat esimerkkisivun saavutettavuutta

Avainsanat

saavutettavuus, saavutettavat verkkosivut, wcag 2.2, digipalvelulaki, verkkosisällön saavutettavuus, esteettömyys, verkkosivujen saavutettavuus, saavutettavuus koulutus, saavutettavuus tarkistus, ruudunlukija