WCAG 2.1 AA — Terveydenhuollon verkkosivujen tekninen standardi 2026
Oletko koskaan miettinyt, mitä WCAG 2.1 AA tarkoittaa terveydenhuollon verkkosivuilla? Se on HHS Section 504:n vaatima tekninen standardi, ja se on avain esteettömiin terveyspalveluihin.
Tämä opas selittää WCAG 2.1 AA -standardin terveydenhuollon näkökulmasta — mitä se tarkoittaa, mitä se vaatii ja miten saavutat vaatimustenmukaisuuden.
📌 Lyhyt vastaus — WCAG 2.1 AA terveydenhuollossa
WCAG 2.1 Level AA on HHS Section 504:n vaatima tekninen standardi terveydenhuollon verkkosivuille. Se sisältää 50+ menestyskriteeriä neljässä periaatteessa: Havaittava, Toiminnallinen, Ymmärrettävä ja Luotettava. Kaikkien HHS-rahoitusta saavien terveydenhuollon toimijoiden on noudatettava tätä standardia.
✅ Testaa terveysverkkosivusi WCAG 2.1 AA -konformiteetti
Käytä ilmaista HHS-tarkistintamme testataksesi verkkosivusi.
Ilmainen HHS-tarkistin →Mikä on WCAG 2.1 AA?
WCAG (Web Content Accessibility Guidelines) on kansainvälinen standardi verkkosisällön esteettömyydelle. Sen on kehittänyt W3C (World Wide Web Consortium), ja se on perusta lähes kaikille maailman esteettömyyslaeille — mukaan lukien HHS Section 504.
WCAG 2.1 julkaistiin 2018, ja se laajentaa edeltäjäänsä WCAG 2.0:aa uusilla kriteereillä mobiililaitteille, kognitiivisesti rajoittuneille henkilöille ja näkövammaisille.
📊 WCAG 2.1 AA — Tärkeimmät faktat
- 50+ menestyskriteeriä tasoissa A ja AA
- HHS Section 504 vaatii WCAG 2.1 Level AA:ta
- Neljä periaatetta: Havaittava, Toiminnallinen, Ymmärrettävä, Luotettava
- Koskee: Verkkosivuja, potilasportaaleja, mobiilisovelluksia, PDF-tiedostoja
- Määräajat: Toukokuu 2027 (15+ työntekijää) / Toukokuu 2028 (alle 15)
WCAG 2.1 AA — Neljä periaatetta (POUR)
WCAG 2.1 perustuu neljään periaatteeseen, jotka tunnetaan lyhenteellä POUR. Terveydenhuollon verkkosivujen on täytettävä kaikki nämä periaatteet:
1. Havaittava (Perceivable)
Kaikkien potilaiden on pystyttävä havaitsemaan sisältö. Tämä tarkoittaa terveydenhuollossa:
- Alt-teksti — kaikille kuville, erityisesti lääketieteellisille kuville (WCAG 1.1.1)
- Tekstitykset — potilasvideoille ja ohjeille (WCAG 1.2.2)
- Värikontrastit — vähintään 4.5:1 normaalille tekstille (WCAG 1.4.3)
- Tekstin suurennus — 200 %:iin ilman sisällön menetystä (WCAG 1.4.4)
Esimerkki terveydenhuollosta: Potilas, jolla on heikentynyt näkö, ei näe pientä tekstiä. Tekstin suurennusmahdollisuus on välttämätön.
2. Toiminnallinen (Operable)
Kaikkien potilaiden on pystyttävä käyttämään sisältöä. Tämä tarkoittaa terveydenhuollossa:
- Näppäimistökäytettävyys — kaikki toiminnot Tab-näppäimellä (WCAG 2.1.1)
- Kohdistusilmaisimet — näkyvät fokukset (WCAG 2.4.7)
- Skip-linkki — "Siirry pääsisältöön" (WCAG 2.4.1)
- Ei näppäimistöansoja — käyttäjät eivät voi jäädä jumiin (WCAG 2.1.2)
Esimerkki terveydenhuollosta: Potilas, jolla on motorinen rajoite, ei pysty käyttämään hiirtä. Hänen on pystyttävä varaamaan aika pelkällä näppäimistöllä.
3. Ymmärrettävä (Understandable)
Kaikkien potilaiden on pystyttävä ymmärtämään sisältö. Tämä tarkoittaa terveydenhuollossa:
- Lomakeotsikot — kaikille kentille (WCAG 3.3.2)
- Virheilmoitukset — selkeät ja kuvailevat (WCAG 3.3.1)
- Kielen määritys — HTML-lang-attribuutti (WCAG 3.1.1)
- Johdonmukainen navigointi — navigointi on johdonmukaista (WCAG 3.2.3)
Esimerkki terveydenhuollosta: Potilas, jolla on kognitiivinen vaikeus, tarvitsee selkeät ohjeet lomakkeessa. "Nimi" on selkeämpi kuin "Kenttä 1".
4. Luotettava (Robust)
Sisällön on toimittava eri laitteilla ja apuvälineillä. Tämä tarkoittaa terveydenhuollossa:
- ARIA — oikeat ARIA-roolit ja -attribuutit (WCAG 4.1.2)
- Validi HTML — ei virheitä merkinnöissä (WCAG 4.1.1)
- Tilaviestit — ilmoitettava näytönlukuohjelmille (WCAG 4.1.3)
Esimerkki terveydenhuollosta: Potilas käyttää näytönlukuohjelmaa. Verkkosivun on toimittava saumattomasti näytönlukuohjelman kanssa.
WCAG 2.1 AA — Terveydenhuollon keskeiset kriteerit
| Kriteeri | Kuvaus | Terveydenhuollon esimerkki |
|---|---|---|
| 1.1.1 | Alt-teksti kuville | Röntgenkuvan kuvaus |
| 1.4.3 | Värikontrasti 4.5:1 | Potilasohjeiden luettavuus |
| 2.1.1 | Näppäimistökäytettävyys | Ajanvaraus ilman hiirtä |
| 2.4.7 | Näkyvät fokusindikaattorit | Mihin kenttään olet menossa? |
| 3.3.2 | Lomakeotsikot | Selkeät kenttien nimet |
| 3.3.1 | Virheilmoitukset | "Täytä puuttuvat kentät" |
| 1.2.2 | Tekstitykset videoille | Potilasohjevideo, jossa on tekstitykset |
| 2.5.8 | Kosketuskohteet 24x24px | Mobiilisovelluksen painikkeet |
WCAG 2.1 AA — Terveydenhuollon tarkistuslista
✅ Alt-teksti kaikille kuville (1.1.1)
✅ Värikontrastit 4.5:1 (1.4.3)
✅ Näppäimistökäytettävyys (2.1.1)
✅ Näkyvät fokusindikaattorit (2.4.7)
✅ Skip-linkki (2.4.1)
✅ Lomakeotsikot (3.3.2)
✅ Tekstitykset videoille (1.2.2)
✅ Kosketuskohteet 24x24px (2.5.8)
✅ Kielen määritys (3.1.1)
✅ ARIA-attribuutit (4.1.2)
WCAG 2.1 AA vs WCAG 2.2 — Mitä eroa on?
WCAG 2.2 julkaistiin 2023, ja se on ohjeiden uusin versio. Terveydenhuollon kannalta tärkeimmät uudet kriteerit ovat:
- 2.4.11 — Kohdistus ei peittynyt: Kohdistetut elementit eivät saa peittyä
- 2.5.8 — Kohdekoko (vähintään): Kosketuskohteet 24x24px
- 3.2.6 — Johdonmukainen apu: Aputoiminnot johdonmukaisesti sijoitettuna
Tärkeää: HHS Section 504 viittaa WCAG 2.1:een, eivät WCAG 2.2:een. Terveydenhuollon toimijoiden on täytettävä WCAG 2.1 Level AA. WCAG 2.2:ta voidaan pitää parhaana käytäntönä, mutta se ei ole pakollinen.
⚖️ WCAG 2.1 AA — Globaali standardi
- HHS Section 504 (USA) — vaatii WCAG 2.1 AA
- ADA Title III (USA) — vaatii WCAG 2.1 AA
- EAA (EU) — vaatii WCAG 2.1 AA
- Suomen laki (306/2019) — vaatii WCAG 2.1 AA
Yhteenveto: WCAG 2.1 AA on maailmanlaajuinen standardi terveydenhuollon esteettömyydelle.
Miten saavutat WCAG 2.1 AA -konformiteetin?
Vaihe 1: Tee HHS-tarkistus
Käytä ilmaista HHS-tarkistintamme testataksesi terveysverkkosivusi WCAG 2.1 Level AA -standardin mukaisesti.
Vaihe 2: Korjaa kriittiset rikkomukset
Priorisoi nämä terveydenhuollon keskeiset kriteerit:
- Alt-teksti — erityisesti lääketieteellisille kuville
- Värikontrastit — vähintään 4.5:1
- Näppäimistökäytettävyys — kaikki toiminnot Tab-näppäimellä
- Lomakeotsikot — erityisesti potilaslomakkeissa
- Tekstitykset — potilasvideoille
Vaihe 3: Testaa manuaalisesti
Testaa verkkosivusi:
- Näytönlukuohjelmilla (NVDA, VoiceOver)
- Vain näppäimistöllä (ilman hiirtä)
- Suurennuslasilla (200 % suurennus)
Vaihe 4: Dokumentoi
Dokumentoi kaikki testaukset ja korjatut ongelmat. Tämä on todiste vaatimustenmukaisuudesta.
Usein kysytyt kysymykset — WCAG 2.1 AA
WCAG 2.1 Level AA on kansainvälinen standardi verkkosisällön esteettömyydelle. Se sisältää 50+ menestyskriteeriä neljässä periaatteessa: Havaittava, Toiminnallinen, Ymmärrettävä ja Luotettava.
HHS Section 504 vaatii WCAG 2.1 Level AA:ta, koska se on maailmanlaajuisesti tunnustettu standardi verkkosisällön esteettömyydelle. Se takaa, että terveysverkkosivut ovat kaikkien potilaiden käytettävissä.
Kyllä. HHS Section 504 vaatii, että kaikki terveysverkkosivut, potilasportaalit ja mobiilisovellukset täyttävät WCAG 2.1 Level AA -standardin.
WCAG 2.2 on uusin versio (2023), ja se lisää uusia kriteereitä. HHS Section 504 viittaa WCAG 2.1:een, eivät WCAG 2.2:een. WCAG 2.2 ei ole pakollinen.
Käytä ilmaista HHS-tarkistintamme testataksesi verkkosivusi. Saat tulokset 10 sekunnissa.
🔍 Testaa terveysverkkosivusi WCAG 2.1 AA -konformiteetti
Ilmainen HHS-tarkistin — ei rekisteröitymistä.
Ilmainen HHS-tarkistin →
💬 Comments (0)