Web Content Accessibility Guidelines (WCAG) -ohjeistus on maailmanlaajuinen standardi, jonka avulla verkkosivustoista ja digitaalisesta sis\u00e4ll\u00f6st\u00e4 tehd\u00e4\u00e4n saavutettavia vammaisille henkil\u00f6ille.<\/strong><\/i><\/p>\nKehitt\u00e4j\u00e4n\u00e4 on \u00a0Web Accessibility Initiative (WAI)<\/strong>\u00a0 \u00a0World Wide Web Consortium (W3C)<\/strong>, ja WCAG sis\u00e4lt\u00e4\u00e4 \u00a086 testattavaa onnistumiskriteeri\u00e4<\/strong>\u00a0 joiden avulla verkkosivustojen omistajat, verkkosuunnittelijat ja sis\u00e4ll\u00f6ntuottajat voivat luoda saavutettavia verkkosivustoja. Kun organisaatio noudattaa WCAG-vaatimuksia, se t\u00e4ytt\u00e4\u00e4 saavutettavuusstandardit, jotka poistavat esteit\u00e4 henkil\u00f6ilt\u00e4, joilla on erilaisia vammoja, kuten n\u00e4k\u00f6-, kuulo-, motorisia tai kognitiivisia vammoja.<\/p>\nWCAG-vaatimustenmukaisuudesta k\u00e4ytet\u00e4\u00e4n joskus nimityst\u00e4 \u201dWCAG compliance\u201d. WCAG ei itsess\u00e4\u00e4n ole laki, mutta se on k\u00e4yt\u00e4nn\u00f6ss\u00e4 standardi monien Yhdysvaltojen ja kansainv\u00e4listen lakien noudattamiselle. Digitaalista saavutettavuutta koskevien oikeusjuttujen ollessa edelleen yleisi\u00e4 WCAG-vaatimustenmukaisuus ei ole en\u00e4\u00e4 valinnaista, vaan oikeudellinen ja liiketoiminnallinen v\u00e4ltt\u00e4m\u00e4tt\u00f6myys.<\/p>\nKeskeiset havainnot<\/strong><\/h3>\n\nWCAG-vaatimustenmukaisuus tarkoittaa Web Content Accessibility Guidelines -ohjeiden noudattamista. Ne ovat kansainv\u00e4linen digitaalisen saavutettavuuden standardi, johon monet saavutettavuuslait viittaavat.<\/li>\nWCAG 2.2<\/strong>\u00a0 on nykyinen versio, jossa on 86 onnistumiskriteeri\u00e4; \u00a0WCAG 2.1 taso AA<\/strong>\u00a0 on laeissa ja m\u00e4\u00e4r\u00e4yksiss\u00e4 yleisimmin viitattu standardi.<\/li>\nWCAG:n nelj\u00e4 periaatetta ovat havaittava, hallittava, ymm\u00e4rrett\u00e4v\u00e4 ja toimintavarma (POUR).<\/li>\nOsavaltioiden ja paikallishallintojen on noudatettava WCAG 2.1 AA -tasoa viimeist\u00e4\u00e4n \u00a024. huhtikuuta 2026<\/strong>\u00a0 DOJ:n ADA Title II Final Rule -s\u00e4\u00e4nn\u00f6n mukaisesti.<\/li>\n\u00a0European Accessibility Act<\/strong>\u00a0 tuli voimaan kes\u00e4kuussa 2025. Se edellytt\u00e4\u00e4 EN 301 549 -standardin noudattamista \u2014 kyseess\u00e4 on WCAG:n sis\u00e4lt\u00e4v\u00e4 EU-standardi \u2014 monilta yrityksilt\u00e4, jotka myyv\u00e4t tuotteita tai palveluja EU-asiakkaille.<\/li>\nSaavutettavuusauditoinneissa tulisi yhdist\u00e4\u00e4 automaattiset ty\u00f6kalut ja avustavaa teknologiaa hy\u00f6dynt\u00e4v\u00e4 manuaalinen testaus.<\/li>\n<\/ul>\nMit\u00e4 WCAG-vaatimustenmukaisuus tarkoittaa?<\/strong><\/h3>\nWCAG-vaatimustenmukaisuus<\/strong>\u00a0 tarkoittaa, ett\u00e4 verkkosivusto t\u00e4ytt\u00e4\u00e4 Web Content Accessibility Guidelines -ohjeet eli World Wide Web Consortiumin (W3C) kehitt\u00e4m\u00e4n maailmanlaajuisen verkkosaavutettavuusstandardin. Ilmaisu \u201dWCAG compliance\u201d ei teknisesti ole t\u00e4ysin t\u00e4sm\u00e4llinen, koska WCAG on standardi eik\u00e4 laki; oikeampi termi on \u201dWCAG conformance\u201d. K\u00e4yt\u00e4nn\u00f6ss\u00e4 \u201dWCAG compliance\u201d on kuitenkin laajasti k\u00e4ytetty synonyymi WCAG-vaatimustenmukaisuudelle.<\/p>\nWCAG-ohjeet sis\u00e4lt\u00e4v\u00e4t teknisi\u00e4 onnistumiskriteerej\u00e4, joiden avulla verkkosivustojen omistajat voivat tehd\u00e4 verkkosis\u00e4ll\u00f6st\u00e4 saavutettavaa vammaisille henkil\u00f6ille. T\u00e4m\u00e4 koskee k\u00e4ytt\u00e4ji\u00e4, jotka k\u00e4ytt\u00e4v\u00e4t n\u00e4yt\u00f6nlukijoita, n\u00e4pp\u00e4imist\u00f6navigointia, tekstityksi\u00e4 ja muuta avustavaa teknologiaa. Kun verkkosivustosi t\u00e4ytt\u00e4\u00e4 WCAG-vaatimukset, henkil\u00f6t, joilla on n\u00e4k\u00f6-, kuulo-, motorisia, kognitiivisia tai oppimisvaikeuksia, voivat havaita verkkosivusi, liikkua niill\u00e4 ja k\u00e4ytt\u00e4\u00e4 niit\u00e4.<\/p>\n\n\n\n\nWCAG-versio<\/th>\nJulkaisup\u00e4iv\u00e4<\/th>\nOnnistumiskriteerit<\/th>\nTila<\/th>\n<\/tr>\n<\/thead>\n\n\nWCAG 2.0<\/td>\nJoulukuu 2008<\/td>\n61 kriteeri\u00e4<\/td>\nMainitaan edelleen monissa laeissa<\/td>\n<\/tr>\n\nWCAG 2.1<\/td>\nKes\u00e4kuu 2018<\/td>\n78 kriteeri\u00e4 (+17 uutta)<\/td>\nNykyinen oikeudellinen standardi<\/td>\n<\/tr>\n\nWCAG 2.2<\/td>\nLokakuu 2023<\/td>\n86 kriteeri\u00e4 (+9 uutta)<\/td>\nUusin W3C-suositus<\/td>\n<\/tr>\n\nWCAG 3.0<\/td>\nKehitteill\u00e4<\/td>\n174 tavoitetta (ehdotus)<\/td>\nOdotettavissa vuonna 2028 tai my\u00f6hemmin<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\nMit\u00e4 WCAG kattaa?<\/strong><\/h3>\nWCAG kehitettiin alun perin HTML-sis\u00e4ll\u00f6lle, jota k\u00e4ytet\u00e4\u00e4n verkkoselaimilla. Ohjeiden merkitys ulottuu kuitenkin paljon perinteisi\u00e4 verkkosivuja laajemmalle. WCAG koskee yleisesti verkkosis\u00e4lt\u00f6\u00e4 ja -teknologioita, kunhan k\u00e4ytt\u00e4j\u00e4agentit, mukaan lukien avustavat teknologiat, pystyv\u00e4t tulkitsemaan niit\u00e4.<\/p>\n<\/figure>\n\n\n\n\nSis\u00e4lt\u00f6tyyppi<\/th>\nEsimerkkej\u00e4<\/th>\nSovelletaanko WCAG:ia?<\/th>\n<\/tr>\n<\/thead>\n\n\nVerkkosivustot<\/td>\nJulkiset sivustot, intranetit, verkkosovellukset<\/td>\nKyll\u00e4<\/td>\n<\/tr>\n\nMobiilisovellukset<\/td>\niOS- ja Android-sovellukset<\/td>\nKyll\u00e4<\/td>\n<\/tr>\n\nAsiakirjat<\/td>\nPDF-tiedostot, Word-tiedostot, laskentataulukot<\/td>\nKyll\u00e4<\/td>\n<\/tr>\n\nMultimedia<\/td>\nVideot, podcastit, \u00e4\u00e4nitiedostot<\/td>\nKyll\u00e4<\/td>\n<\/tr>\n\nS\u00e4hk\u00f6posti<\/td>\nHTML-uutiskirjeet, markkinointis\u00e4hk\u00f6postit<\/td>\nKyll\u00e4<\/td>\n<\/tr>\n\nDigitaaliset kioskit<\/td>\nItsepalvelup\u00e4\u00e4tteet, pankkiautomaatit<\/td>\nKyll\u00e4<\/td>\n<\/tr>\n\nVerkko-oppiminen<\/td>\nVerkkokurssit, koulutusmoduulit<\/td>\nKyll\u00e4<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/figure>\nWCAG:iin ja siihen liittyviin standardeihin viittaavat lait kattavat erilaisia digitaalisia k\u00e4ytt\u00f6kokemuksia. Esimerkiksi DOJ:n ADA Title II -s\u00e4\u00e4nt\u00f6 koskee nimenomaisesti osavaltioiden ja paikallishallintojen tarjoamaa verkko- ja mobiilisis\u00e4lt\u00f6\u00e4, mukaan lukien digitaaliset asiakirjat. European Accessibility Act koskee monia kuluttajatuotteita ja -palveluja, kuten verkkokauppa-alustoja, pankkipalveluja ja kulutuselektroniikkaa. Kaiken yleis\u00f6lle tarkoitetun digitaalisen sis\u00e4ll\u00f6n tulisi noudattaa WCAG-ohjeita, jotta vammaiset henkil\u00f6t voivat k\u00e4ytt\u00e4\u00e4 sit\u00e4.<\/p>\nWCAG:iin ja siihen liittyviin standardeihin viittaavat lait kattavat erilaisia digitaalisia k\u00e4ytt\u00f6kokemuksia. Esimerkiksi DOJ:n ADA Title II -s\u00e4\u00e4nt\u00f6 koskee nimenomaisesti osavaltioiden ja paikallishallintojen tarjoamaa verkko- ja mobiilisis\u00e4lt\u00f6\u00e4, mukaan lukien digitaaliset asiakirjat. European Accessibility Act koskee monia kuluttajatuotteita ja -palveluja, kuten verkkokauppa-alustoja, pankkipalveluja ja kulutuselektroniikkaa. Kaiken yleis\u00f6lle tarkoitetun digitaalisen sis\u00e4ll\u00f6n tulisi noudattaa WCAG-ohjeita, jotta vammaiset henkil\u00f6t voivat k\u00e4ytt\u00e4\u00e4 sit\u00e4.<\/p>\nKenen on noudatettava WCAG-vaatimuksia?<\/strong><\/h3>\nL\u00e4hes kaikkien digitaalisen l\u00e4sn\u00e4olon omaavien organisaatioiden tulisi noudattaa WCAG-vaatimuksia. Oikeudelliset vaatimukset vaihtelevat toimialoittain, mutta saavutettavuus hy\u00f6dytt\u00e4\u00e4 kaikkia yrityksi\u00e4.<\/p>\n\n\n\n\nOrganisaatiotyyppi<\/th>\nOikeudellinen vaatimus<\/th>\nMiksi vaatimuksia kannattaa noudattaa<\/th>\n<\/tr>\n<\/thead>\n\n\nLiittovaltion virastot<\/td>\nSection 508 (pakollinen)<\/td>\nLakis\u00e4\u00e4teinen vaatimus<\/td>\n<\/tr>\n\nOsavaltioiden ja paikallishallintojen organisaatiot<\/td>\nADA Title II (pakollinen)<\/td>\nM\u00e4\u00e4r\u00e4aika huhtikuussa 2026<\/td>\n<\/tr>\n\nYksityiset yritykset<\/td>\nADA Title III (tuomioistuinten valvoma)<\/td>\nOikeusjuttujen ehk\u00e4iseminen<\/td>\n<\/tr>\n\nVerkkokauppasivustot<\/td>\nEAA EU:ssa (pakollinen)<\/td>\nP\u00e4\u00e4sy markkinoille<\/td>\n<\/tr>\n\nTerveydenhuollon palveluntarjoajat<\/td>\nADA + Section 504<\/td>\nPotilaiden p\u00e4\u00e4sy palveluihin<\/td>\n<\/tr>\n\nOppilaitokset<\/td>\nADA + Section 504<\/td>\nOpiskelijoiden p\u00e4\u00e4sy palveluihin<\/td>\n<\/tr>\n\nVoittoa tavoittelemattomat organisaatiot<\/td>\nADA:ta sovelletaan<\/td>\nKaikkien kohderyhmien palveleminen<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\u00a0<\/p>\nVaikka erityist\u00e4 oikeudellista velvoitetta ei olisi, verkkosivustojen omistajat hy\u00f6tyv\u00e4t WCAG-vaatimustenmukaisuudesta. Saavutettavat verkkosivustot tavoittavat enemm\u00e4n k\u00e4ytt\u00e4ji\u00e4, menestyv\u00e4t paremmin hakutuloksissa ja v\u00e4hent\u00e4v\u00e4t oikeudellisia riskej\u00e4. Yli miljardilla ihmisell\u00e4<\/strong>\u00a0 maailmassa on jokin vamma, joten verkkosivustojen saavutettavuus laajentaa potentiaalista yleis\u00f6\u00e4 merkitt\u00e4v\u00e4sti.<\/p>\nOnko WCAG lakis\u00e4\u00e4teinen vaatimus Yhdysvalloissa?<\/strong><\/h3>\nKyll\u00e4, useimmille organisaatioille.<\/strong>\u00a0 WCAG 2.1 taso AA on k\u00e4yt\u00e4nn\u00f6ss\u00e4 verkkosaavutettavuuden standardi useiden Yhdysvaltojen lakien nojalla, ja tuomioistuimet k\u00e4ytt\u00e4v\u00e4t WCAG:ia johdonmukaisesti saavutettavuusvaatimusten arviointiperusteena.<\/p>\nDOJ:n \u00a0ADA Title II Final Rule<\/strong>\u00a0 otti virallisesti k\u00e4ytt\u00f6\u00f6n WCAG 2.1 tason AA kaikille osavaltioiden ja paikallishallintojen organisaatioille. T\u00e4m\u00e4 kattaa hallinnon verkkosivustot, mobiilisovellukset, digitaaliset asiakirjat ja verkkopalvelut.<\/p>\n<\/figure>\n\n\n\n\nOrganisaatiotyyppi<\/th>\nV\u00e4est\u00f6m\u00e4\u00e4r\u00e4<\/th>\nVaatimusten m\u00e4\u00e4r\u00e4aika<\/th>\n<\/tr>\n<\/thead>\n\n\nSuuret julkiset organisaatiot<\/td>\nV\u00e4hint\u00e4\u00e4n 50 000 asukasta<\/td>\n24. huhtikuuta 2026<\/td>\n<\/tr>\n\nPienet julkiset organisaatiot<\/td>\nAlle 50 000 asukasta<\/td>\n26. huhtikuuta 2027<\/td>\n<\/tr>\n\nErityisalueiden hallinnot<\/td>\nMik\u00e4 tahansa koko<\/td>\n26. huhtikuuta 2027<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/figure>\nYksityisten yritysten osalta \u00a0Americans with Disabilities Act -lain Title III<\/strong>\u00a0 edellytt\u00e4\u00e4 verkkosivustojen saavutettavuutta tuomioistuinten ratkaisujen ja DOJ:n sovintosopimusten perusteella. \u00a0Section 508<\/strong>\u00a0 Rehabilitation Act -laissa edellytt\u00e4\u00e4 nimenomaisesti, ett\u00e4 liittovaltion virastot ja niiden sopimuskumppanit noudattavat WCAG-vaatimuksia.<\/p>\nDigitaalista saavutettavuutta koskevat oikeusjutut ovat edelleen yleisi\u00e4. Automaattiset ty\u00f6kalut mahdollistavat valitusten tuottamisen laajassa mittakaavassa, joten mik\u00e4 tahansa saavutettavuusongelmia sis\u00e4lt\u00e4v\u00e4 yritys voi joutua kohteeksi.<\/p>\nMitk\u00e4 saavutettavuuslait edellytt\u00e4v\u00e4t WCAG-vaatimusten noudattamista?<\/strong><\/h3>\nDigitaalista saavutettavuutta koskevassa lains\u00e4\u00e4d\u00e4nn\u00f6ss\u00e4 eri puolilla maailmaa viitataan WCAG:iin teknisen\u00e4 vaatimustenmukaisuusstandardina. WCAG-vaatimusten t\u00e4ytt\u00e4minen t\u00e4ytt\u00e4\u00e4 useimpien saavutettavuuss\u00e4\u00e4d\u00f6sten vaatimukset.<\/p>\n\n\n\n\nLaki \/ m\u00e4\u00e4r\u00e4ys<\/th>\nMaantieteellinen soveltamisala<\/th>\nVaadittu WCAG-standardi<\/th>\nVaatimusten m\u00e4\u00e4r\u00e4aika<\/th>\n<\/tr>\n<\/thead>\n\n\nADA Title II (DOJ:n s\u00e4\u00e4nt\u00f6)<\/td>\nYhdysvaltojen osavaltio- ja paikallishallinnot<\/td>\nWCAG 2.1 AA<\/td>\nHuhtikuu 2026 \/ 2027<\/td>\n<\/tr>\n\nADA Title III<\/td>\nYhdysvaltojen yksityiset yritykset<\/td>\nWCAG 2.1 AA (tuomioistuinten k\u00e4ytt\u00e4m\u00e4 tosiasiallinen standardi)<\/td>\nJatkuva<\/td>\n<\/tr>\n\nSection 508<\/td>\nYhdysvaltojen liittovaltion virastot<\/td>\nWCAG 2.0 AA<\/td>\nVoimassa<\/td>\n<\/tr>\n\nEuropean Accessibility Act<\/td>\nEU-kuluttajia palvelevat yritykset<\/td>\nEN 301 549 (sis\u00e4lt\u00e4\u00e4 WCAG 2.1 AA:n)<\/td>\n28. kes\u00e4kuuta 2025<\/td>\n<\/tr>\n\nAODA<\/td>\nOntario, Kanada<\/td>\nWCAG 2.0 AA<\/td>\nVoimassa<\/td>\n<\/tr>\n\nEuropean Web Accessibility Directive<\/td>\nEuroopan unionin julkinen sektori<\/td>\nEN 301 549 (sis\u00e4lt\u00e4\u00e4 WCAG 2.1 AA:n)<\/td>\nVoimassa<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/figure>\nEuropean Accessibility Act (EAA) tuli t\u00e4yt\u00e4nt\u00f6\u00f6npanokelpoiseksi \u00a028. kes\u00e4kuuta 2025<\/strong>, ja se edellytt\u00e4\u00e4 WCAG-vaatimusten noudattamista monilta yrityksilt\u00e4, jotka myyv\u00e4t digitaalisia tuotteita tai palveluja EU-asiakkaille. Seuraamukset vaihtelevat j\u00e4senvaltioittain: sakot voivat olla \u00a0100 000 euroa Saksassa<\/strong>\u00a0 ja \u00a0250 000 euroa Ranskassa<\/strong>. Vaatimustenvastaiset tuotteet voidaan poistaa markkinoilta kokonaan.<\/p>\nMitk\u00e4 ovat WCAG:n nelj\u00e4 periaatetta?<\/strong><\/h3>\nWCAG:n nelj\u00e4 periaatetta, joista k\u00e4ytet\u00e4\u00e4n lyhennett\u00e4 \u00a0POUR<\/strong>, ovat havaittava, hallittava, ymm\u00e4rrett\u00e4v\u00e4 ja toimintavarma. N\u00e4m\u00e4 periaatteet ohjaavat kaikkia WCAG:n onnistumiskriteerej\u00e4 ja m\u00e4\u00e4rittelev\u00e4t, mit\u00e4 verkkosis\u00e4ll\u00f6n saavutettavuus tarkoittaa.<\/p>\n\n\n\n\nPeriaate<\/th>\nMit\u00e4 se tarkoittaa<\/th>\nEsimerkkivaatimus<\/th>\n<\/tr>\n<\/thead>\n\n\nHavaittava<\/td>\nK\u00e4ytt\u00e4jien on voitava havaita sis\u00e4lt\u00f6 v\u00e4hint\u00e4\u00e4n yhden aistin avulla.<\/td>\nTarjoa kuville tekstivastineet ja lis\u00e4\u00e4 videoihin tekstitykset.<\/td>\n<\/tr>\n\nHallittava<\/td>\nK\u00e4ytt\u00e4jien on voitava k\u00e4ytt\u00e4\u00e4 k\u00e4ytt\u00f6liittym\u00e4\u00e4.<\/td>\nMahdollista n\u00e4pp\u00e4imist\u00f6k\u00e4ytt\u00f6 ja anna riitt\u00e4v\u00e4sti aikaa sis\u00e4ll\u00f6n lukemiseen.<\/td>\n<\/tr>\n\nYmm\u00e4rrett\u00e4v\u00e4<\/td>\nK\u00e4ytt\u00e4jien on ymm\u00e4rrett\u00e4v\u00e4 sis\u00e4lt\u00f6 ja sen k\u00e4ytt\u00e4minen.<\/td>\nK\u00e4yt\u00e4 selke\u00e4\u00e4 kielt\u00e4 ja tee navigoinnista ennakoitavaa.<\/td>\n<\/tr>\n\nToimintavarma<\/td>\nSis\u00e4ll\u00f6n on toimittava nykyisten ja tulevien k\u00e4ytt\u00e4j\u00e4agenttien kanssa.<\/td>\nK\u00e4yt\u00e4 kelvollista koodia ja varmista yhteensopivuus avustavan teknologian kanssa.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/figure>\nMitk\u00e4 ovat WCAG:n 13 ohjetta?<\/strong><\/h3>\nWCAG:n nelj\u00e4 periaatetta sis\u00e4lt\u00e4v\u00e4t \u00a013 ohjetta<\/strong>\u00a0, jotka m\u00e4\u00e4rittelev\u00e4t verkkosaavutettavuuden erityiset tavoitteet. Jokaisella ohjeella on testattavat onnistumiskriteerit kolmella WCAG-vaatimustenmukaisuustasolla: A, AA ja AAA.<\/p>\nHavaittavuutta koskevat ohjeet<\/strong><\/h3>\n1.1 Tekstivastineet<\/strong>\u00a0 \u2014 Tarjoa tekstivastineet muulle kuin tekstimuotoiselle sis\u00e4ll\u00f6lle. T\u00e4m\u00e4 sis\u00e4lt\u00e4\u00e4 kuvien alt-tekstit, lomakekenttien selitteet ja kuvakkeiden kuvaukset. Tekstivastineiden avulla n\u00e4yt\u00f6nlukijan k\u00e4ytt\u00e4j\u00e4t ymm\u00e4rt\u00e4v\u00e4t sis\u00e4ll\u00f6n, jota he eiv\u00e4t voi n\u00e4hd\u00e4.<\/p>\n1.2 Aikasidonnainen media<\/strong>\u00a0 \u2014 Tarjoa vaihtoehtoja \u00e4\u00e4ni- ja videosis\u00e4ll\u00f6lle. N\u00e4it\u00e4 ovat videoiden tekstitykset, \u00e4\u00e4nitiedostojen tekstimuotoiset versiot ja visuaalisen sis\u00e4ll\u00f6n kuvailutulkkaus.<\/p>\n1.3 Mukautettava<\/strong>\u00a0 \u2014 Luo sis\u00e4lt\u00f6\u00e4, joka voidaan esitt\u00e4\u00e4 eri tavoilla tietojen tai rakenteen katoamatta. Verkkosivujen merkityksen tulee s\u00e4ily\u00e4, kun k\u00e4ytt\u00e4j\u00e4t muuttavat n\u00e4ytt\u00f6asetuksia tai k\u00e4ytt\u00e4v\u00e4t avustavaa teknologiaa.<\/p>\n1.4 Erottuva<\/strong>\u00a0 \u2014 Tee sis\u00e4ll\u00f6st\u00e4 helposti n\u00e4ht\u00e4v\u00e4\u00e4 ja kuultavaa. T\u00e4h\u00e4n kuuluvat riitt\u00e4v\u00e4 v\u00e4rikontrasti, tekstin koon muuttaminen ja \u00e4\u00e4nenhallinta. Heikkon\u00e4k\u00f6iset tai kuulovammaiset k\u00e4ytt\u00e4j\u00e4t ovat riippuvaisia n\u00e4ist\u00e4 ominaisuuksista.<\/p>\nHallittavuutta koskevat ohjeet<\/strong><\/h3>\n2.1 K\u00e4ytett\u00e4viss\u00e4 n\u00e4pp\u00e4imist\u00f6ll\u00e4<\/strong>\u00a0 \u2014 Tee kaikki toiminnot k\u00e4ytett\u00e4viksi n\u00e4pp\u00e4imist\u00f6ll\u00e4. K\u00e4ytt\u00e4jien, jotka eiv\u00e4t voi k\u00e4ytt\u00e4\u00e4 hiirt\u00e4, on voitava liikkua verkkosis\u00e4ll\u00f6ss\u00e4 pelk\u00e4n n\u00e4pp\u00e4imist\u00f6n avulla.<\/p>\n2.2 Riitt\u00e4v\u00e4sti aikaa<\/strong>\u00a0 \u2014 Anna k\u00e4ytt\u00e4jille riitt\u00e4v\u00e4sti aikaa sis\u00e4ll\u00f6n lukemiseen ja k\u00e4ytt\u00e4miseen. V\u00e4lt\u00e4 tiukkoja aikarajoja tai tarjoa mahdollisuus pident\u00e4\u00e4 niit\u00e4.<\/p>\n2.3 Sairauskohtaukset ja fyysiset reaktiot<\/strong>\u00a0 \u2014 \u00c4l\u00e4 suunnittele sis\u00e4lt\u00f6\u00e4, joka voi aiheuttaa sairauskohtauksia. V\u00e4lt\u00e4 vilkkuvaa sis\u00e4lt\u00f6\u00e4, joka voi laukaista valoherk\u00e4n epilepsian.<\/p>\n2.4 Navigoitava<\/strong>\u00a0 \u2014 Auta k\u00e4ytt\u00e4ji\u00e4 liikkumaan ja l\u00f6yt\u00e4m\u00e4\u00e4n sis\u00e4lt\u00f6\u00e4. K\u00e4yt\u00e4 selkeit\u00e4 otsikoita, kuvaavia linkkitekstej\u00e4 ja loogista kohdistusj\u00e4rjestyst\u00e4.<\/p>\n2.5 Sy\u00f6tetavat<\/strong>\u00a0 \u2014 Tue n\u00e4pp\u00e4imist\u00f6n ja hiiren lis\u00e4ksi muita sy\u00f6tt\u00f6tapoja. K\u00e4ytt\u00e4j\u00e4t voivat k\u00e4ytt\u00e4\u00e4 kosketusn\u00e4ytt\u00f6j\u00e4, \u00e4\u00e4nikomentoja tai kytkinohjausta.<\/p>\nYmm\u00e4rrett\u00e4vyytt\u00e4 koskevat ohjeet<\/h3>\n3.1 Luettava<\/strong>\u00a0 \u2014 Tee tekstist\u00e4 luettavaa ja ymm\u00e4rrett\u00e4v\u00e4\u00e4. K\u00e4yt\u00e4 selke\u00e4\u00e4 kielt\u00e4 ja m\u00e4\u00e4rittele ep\u00e4tavalliset termit tai lyhenteet.<\/p>\n3.2 Ennakoitava<\/strong>\u00a0 \u2014 Tee verkkosivujen ulkoasusta ja toiminnasta ennakoitavaa. Yhdenmukainen navigointi ja toiminnallisuus auttavat kaikkia k\u00e4ytt\u00e4ji\u00e4.<\/p>\n3.3 Sy\u00f6tteen avustaminen<\/strong>\u00a0 \u2014 Auta k\u00e4ytt\u00e4ji\u00e4 v\u00e4ltt\u00e4m\u00e4\u00e4n ja korjaamaan virheit\u00e4. Tarjoa lomakkeissa selke\u00e4t virheilmoitukset ja ohjeet.<\/p>\nToimintavarmuutta koskevat ohjeet<\/strong><\/h3>\n4.1 Yhteensopiva<\/strong>\u00a0 \u2014 Maksimoi yhteensopivuus nykyisten ja tulevien k\u00e4ytt\u00e4j\u00e4agenttien, mukaan lukien avustavien teknologioiden, kanssa. K\u00e4yt\u00e4 kelvollista koodia ja noudata verkkostandardeja, jotta sis\u00e4lt\u00f6 toimii luotettavasti eri selaimissa ja laitteissa.<\/p>\nMitk\u00e4 ovat WCAG:n kolme vaatimustenmukaisuustasoa?<\/strong><\/h3>\nWCAG:ssa on kolme vaatimustenmukaisuustasoa \u2014 taso A, taso AA ja taso AAA<\/strong> \u2014 jotka m\u00e4\u00e4rittelev\u00e4t kasvavat saavutettavuusvaatimukset. Taso AA on useimpien saavutettavuusvaatimusten oikeudellinen standardi.<\/p>\n\n\n\n\nTaso<\/th>\nKuvaus<\/th>\nOnnistumiskriteerit<\/th>\nOikeudellinen asema<\/th>\n<\/tr>\n<\/thead>\n\n\nTaso A<\/td>\nV\u00e4himm\u00e4issaavutettavuus \u2014 ratkaisee kaikkein kriittisimm\u00e4t saavutettavuusesteet.<\/td>\n30 kriteeri\u00e4<\/td>\nVaaditaan vaatimustenmukaisuuteen<\/td>\n<\/tr>\n\nTaso AA<\/td>\nTavanomainen saavutettavuus \u2014 poistaa esteit\u00e4 useimmilta vammaisilta henkil\u00f6ilt\u00e4.<\/td>\n20 lis\u00e4kriteeri\u00e4<\/td>\nUseimpien lakien edellytt\u00e4m\u00e4<\/td>\n<\/tr>\n\nTaso AAA<\/td>\nKorkein saavutettavuustaso \u2014 tarjoaa parannetun saavutettavuuden, mutta sit\u00e4 ei aina voida saavuttaa.<\/td>\n28 lis\u00e4kriteeri\u00e4<\/td>\nTavoitteellinen; ei lakis\u00e4\u00e4teinen<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/figure>\nJokainen taso perustuu edelliseen. Tason AA saavuttamiseksi kaikkien tason A kriteerien on ensin t\u00e4ytytt\u00e4v\u00e4. Vaatimustenmukaisuustasot auttavat verkkosivustojen omistajia priorisoimaan saavutettavuustoimia ja ymm\u00e4rt\u00e4m\u00e4\u00e4n velvoitteensa.<\/p>\nUseimpien saavutettavuuslakien mukaista WCAG-vaatimustenmukaisuutta varten organisaatioiden on t\u00e4ytett\u00e4v\u00e4 kaikki WCAG-tason A ja AA onnistumiskriteerit.<\/strong>\u00a0 Tason AAA vaatimustenmukaisuus on valinnainen, koska joitakin kriteerej\u00e4 ei voida t\u00e4ytt\u00e4\u00e4 kaikille sis\u00e4lt\u00f6tyypeille.<\/p>\nMiten onnistumiskriteerit eroavat tasoittain<\/strong><\/h3>\nSamalla ohjeella voi olla onnistumiskriteerej\u00e4 eri tasoilla. Seuraava esimerkki koskee videoiden saavutettavuusvaatimuksia:<\/p>\n<\/figure>\n
Kehitt\u00e4j\u00e4n\u00e4 on \u00a0Web Accessibility Initiative (WAI)<\/strong>\u00a0 \u00a0World Wide Web Consortium (W3C)<\/strong>, ja WCAG sis\u00e4lt\u00e4\u00e4 \u00a086 testattavaa onnistumiskriteeri\u00e4<\/strong>\u00a0 joiden avulla verkkosivustojen omistajat, verkkosuunnittelijat ja sis\u00e4ll\u00f6ntuottajat voivat luoda saavutettavia verkkosivustoja. Kun organisaatio noudattaa WCAG-vaatimuksia, se t\u00e4ytt\u00e4\u00e4 saavutettavuusstandardit, jotka poistavat esteit\u00e4 henkil\u00f6ilt\u00e4, joilla on erilaisia vammoja, kuten n\u00e4k\u00f6-, kuulo-, motorisia tai kognitiivisia vammoja.<\/p>\nWCAG-vaatimustenmukaisuudesta k\u00e4ytet\u00e4\u00e4n joskus nimityst\u00e4 \u201dWCAG compliance\u201d. WCAG ei itsess\u00e4\u00e4n ole laki, mutta se on k\u00e4yt\u00e4nn\u00f6ss\u00e4 standardi monien Yhdysvaltojen ja kansainv\u00e4listen lakien noudattamiselle. Digitaalista saavutettavuutta koskevien oikeusjuttujen ollessa edelleen yleisi\u00e4 WCAG-vaatimustenmukaisuus ei ole en\u00e4\u00e4 valinnaista, vaan oikeudellinen ja liiketoiminnallinen v\u00e4ltt\u00e4m\u00e4tt\u00f6myys.<\/p>\nKeskeiset havainnot<\/strong><\/h3>\n\nWCAG-vaatimustenmukaisuus tarkoittaa Web Content Accessibility Guidelines -ohjeiden noudattamista. Ne ovat kansainv\u00e4linen digitaalisen saavutettavuuden standardi, johon monet saavutettavuuslait viittaavat.<\/li>\nWCAG 2.2<\/strong>\u00a0 on nykyinen versio, jossa on 86 onnistumiskriteeri\u00e4; \u00a0WCAG 2.1 taso AA<\/strong>\u00a0 on laeissa ja m\u00e4\u00e4r\u00e4yksiss\u00e4 yleisimmin viitattu standardi.<\/li>\nWCAG:n nelj\u00e4 periaatetta ovat havaittava, hallittava, ymm\u00e4rrett\u00e4v\u00e4 ja toimintavarma (POUR).<\/li>\nOsavaltioiden ja paikallishallintojen on noudatettava WCAG 2.1 AA -tasoa viimeist\u00e4\u00e4n \u00a024. huhtikuuta 2026<\/strong>\u00a0 DOJ:n ADA Title II Final Rule -s\u00e4\u00e4nn\u00f6n mukaisesti.<\/li>\n\u00a0European Accessibility Act<\/strong>\u00a0 tuli voimaan kes\u00e4kuussa 2025. Se edellytt\u00e4\u00e4 EN 301 549 -standardin noudattamista \u2014 kyseess\u00e4 on WCAG:n sis\u00e4lt\u00e4v\u00e4 EU-standardi \u2014 monilta yrityksilt\u00e4, jotka myyv\u00e4t tuotteita tai palveluja EU-asiakkaille.<\/li>\nSaavutettavuusauditoinneissa tulisi yhdist\u00e4\u00e4 automaattiset ty\u00f6kalut ja avustavaa teknologiaa hy\u00f6dynt\u00e4v\u00e4 manuaalinen testaus.<\/li>\n<\/ul>\nMit\u00e4 WCAG-vaatimustenmukaisuus tarkoittaa?<\/strong><\/h3>\nWCAG-vaatimustenmukaisuus<\/strong>\u00a0 tarkoittaa, ett\u00e4 verkkosivusto t\u00e4ytt\u00e4\u00e4 Web Content Accessibility Guidelines -ohjeet eli World Wide Web Consortiumin (W3C) kehitt\u00e4m\u00e4n maailmanlaajuisen verkkosaavutettavuusstandardin. Ilmaisu \u201dWCAG compliance\u201d ei teknisesti ole t\u00e4ysin t\u00e4sm\u00e4llinen, koska WCAG on standardi eik\u00e4 laki; oikeampi termi on \u201dWCAG conformance\u201d. K\u00e4yt\u00e4nn\u00f6ss\u00e4 \u201dWCAG compliance\u201d on kuitenkin laajasti k\u00e4ytetty synonyymi WCAG-vaatimustenmukaisuudelle.<\/p>\nWCAG-ohjeet sis\u00e4lt\u00e4v\u00e4t teknisi\u00e4 onnistumiskriteerej\u00e4, joiden avulla verkkosivustojen omistajat voivat tehd\u00e4 verkkosis\u00e4ll\u00f6st\u00e4 saavutettavaa vammaisille henkil\u00f6ille. T\u00e4m\u00e4 koskee k\u00e4ytt\u00e4ji\u00e4, jotka k\u00e4ytt\u00e4v\u00e4t n\u00e4yt\u00f6nlukijoita, n\u00e4pp\u00e4imist\u00f6navigointia, tekstityksi\u00e4 ja muuta avustavaa teknologiaa. Kun verkkosivustosi t\u00e4ytt\u00e4\u00e4 WCAG-vaatimukset, henkil\u00f6t, joilla on n\u00e4k\u00f6-, kuulo-, motorisia, kognitiivisia tai oppimisvaikeuksia, voivat havaita verkkosivusi, liikkua niill\u00e4 ja k\u00e4ytt\u00e4\u00e4 niit\u00e4.<\/p>\n\n\n\n\nWCAG-versio<\/th>\nJulkaisup\u00e4iv\u00e4<\/th>\nOnnistumiskriteerit<\/th>\nTila<\/th>\n<\/tr>\n<\/thead>\n\n\nWCAG 2.0<\/td>\nJoulukuu 2008<\/td>\n61 kriteeri\u00e4<\/td>\nMainitaan edelleen monissa laeissa<\/td>\n<\/tr>\n\nWCAG 2.1<\/td>\nKes\u00e4kuu 2018<\/td>\n78 kriteeri\u00e4 (+17 uutta)<\/td>\nNykyinen oikeudellinen standardi<\/td>\n<\/tr>\n\nWCAG 2.2<\/td>\nLokakuu 2023<\/td>\n86 kriteeri\u00e4 (+9 uutta)<\/td>\nUusin W3C-suositus<\/td>\n<\/tr>\n\nWCAG 3.0<\/td>\nKehitteill\u00e4<\/td>\n174 tavoitetta (ehdotus)<\/td>\nOdotettavissa vuonna 2028 tai my\u00f6hemmin<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\nMit\u00e4 WCAG kattaa?<\/strong><\/h3>\nWCAG kehitettiin alun perin HTML-sis\u00e4ll\u00f6lle, jota k\u00e4ytet\u00e4\u00e4n verkkoselaimilla. Ohjeiden merkitys ulottuu kuitenkin paljon perinteisi\u00e4 verkkosivuja laajemmalle. WCAG koskee yleisesti verkkosis\u00e4lt\u00f6\u00e4 ja -teknologioita, kunhan k\u00e4ytt\u00e4j\u00e4agentit, mukaan lukien avustavat teknologiat, pystyv\u00e4t tulkitsemaan niit\u00e4.<\/p>\n<\/figure>\n\n\n\n\nSis\u00e4lt\u00f6tyyppi<\/th>\nEsimerkkej\u00e4<\/th>\nSovelletaanko WCAG:ia?<\/th>\n<\/tr>\n<\/thead>\n\n\nVerkkosivustot<\/td>\nJulkiset sivustot, intranetit, verkkosovellukset<\/td>\nKyll\u00e4<\/td>\n<\/tr>\n\nMobiilisovellukset<\/td>\niOS- ja Android-sovellukset<\/td>\nKyll\u00e4<\/td>\n<\/tr>\n\nAsiakirjat<\/td>\nPDF-tiedostot, Word-tiedostot, laskentataulukot<\/td>\nKyll\u00e4<\/td>\n<\/tr>\n\nMultimedia<\/td>\nVideot, podcastit, \u00e4\u00e4nitiedostot<\/td>\nKyll\u00e4<\/td>\n<\/tr>\n\nS\u00e4hk\u00f6posti<\/td>\nHTML-uutiskirjeet, markkinointis\u00e4hk\u00f6postit<\/td>\nKyll\u00e4<\/td>\n<\/tr>\n\nDigitaaliset kioskit<\/td>\nItsepalvelup\u00e4\u00e4tteet, pankkiautomaatit<\/td>\nKyll\u00e4<\/td>\n<\/tr>\n\nVerkko-oppiminen<\/td>\nVerkkokurssit, koulutusmoduulit<\/td>\nKyll\u00e4<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/figure>\nWCAG:iin ja siihen liittyviin standardeihin viittaavat lait kattavat erilaisia digitaalisia k\u00e4ytt\u00f6kokemuksia. Esimerkiksi DOJ:n ADA Title II -s\u00e4\u00e4nt\u00f6 koskee nimenomaisesti osavaltioiden ja paikallishallintojen tarjoamaa verkko- ja mobiilisis\u00e4lt\u00f6\u00e4, mukaan lukien digitaaliset asiakirjat. European Accessibility Act koskee monia kuluttajatuotteita ja -palveluja, kuten verkkokauppa-alustoja, pankkipalveluja ja kulutuselektroniikkaa. Kaiken yleis\u00f6lle tarkoitetun digitaalisen sis\u00e4ll\u00f6n tulisi noudattaa WCAG-ohjeita, jotta vammaiset henkil\u00f6t voivat k\u00e4ytt\u00e4\u00e4 sit\u00e4.<\/p>\nWCAG:iin ja siihen liittyviin standardeihin viittaavat lait kattavat erilaisia digitaalisia k\u00e4ytt\u00f6kokemuksia. Esimerkiksi DOJ:n ADA Title II -s\u00e4\u00e4nt\u00f6 koskee nimenomaisesti osavaltioiden ja paikallishallintojen tarjoamaa verkko- ja mobiilisis\u00e4lt\u00f6\u00e4, mukaan lukien digitaaliset asiakirjat. European Accessibility Act koskee monia kuluttajatuotteita ja -palveluja, kuten verkkokauppa-alustoja, pankkipalveluja ja kulutuselektroniikkaa. Kaiken yleis\u00f6lle tarkoitetun digitaalisen sis\u00e4ll\u00f6n tulisi noudattaa WCAG-ohjeita, jotta vammaiset henkil\u00f6t voivat k\u00e4ytt\u00e4\u00e4 sit\u00e4.<\/p>\nKenen on noudatettava WCAG-vaatimuksia?<\/strong><\/h3>\nL\u00e4hes kaikkien digitaalisen l\u00e4sn\u00e4olon omaavien organisaatioiden tulisi noudattaa WCAG-vaatimuksia. Oikeudelliset vaatimukset vaihtelevat toimialoittain, mutta saavutettavuus hy\u00f6dytt\u00e4\u00e4 kaikkia yrityksi\u00e4.<\/p>\n\n\n\n\nOrganisaatiotyyppi<\/th>\nOikeudellinen vaatimus<\/th>\nMiksi vaatimuksia kannattaa noudattaa<\/th>\n<\/tr>\n<\/thead>\n\n\nLiittovaltion virastot<\/td>\nSection 508 (pakollinen)<\/td>\nLakis\u00e4\u00e4teinen vaatimus<\/td>\n<\/tr>\n\nOsavaltioiden ja paikallishallintojen organisaatiot<\/td>\nADA Title II (pakollinen)<\/td>\nM\u00e4\u00e4r\u00e4aika huhtikuussa 2026<\/td>\n<\/tr>\n\nYksityiset yritykset<\/td>\nADA Title III (tuomioistuinten valvoma)<\/td>\nOikeusjuttujen ehk\u00e4iseminen<\/td>\n<\/tr>\n\nVerkkokauppasivustot<\/td>\nEAA EU:ssa (pakollinen)<\/td>\nP\u00e4\u00e4sy markkinoille<\/td>\n<\/tr>\n\nTerveydenhuollon palveluntarjoajat<\/td>\nADA + Section 504<\/td>\nPotilaiden p\u00e4\u00e4sy palveluihin<\/td>\n<\/tr>\n\nOppilaitokset<\/td>\nADA + Section 504<\/td>\nOpiskelijoiden p\u00e4\u00e4sy palveluihin<\/td>\n<\/tr>\n\nVoittoa tavoittelemattomat organisaatiot<\/td>\nADA:ta sovelletaan<\/td>\nKaikkien kohderyhmien palveleminen<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\u00a0<\/p>\nVaikka erityist\u00e4 oikeudellista velvoitetta ei olisi, verkkosivustojen omistajat hy\u00f6tyv\u00e4t WCAG-vaatimustenmukaisuudesta. Saavutettavat verkkosivustot tavoittavat enemm\u00e4n k\u00e4ytt\u00e4ji\u00e4, menestyv\u00e4t paremmin hakutuloksissa ja v\u00e4hent\u00e4v\u00e4t oikeudellisia riskej\u00e4. Yli miljardilla ihmisell\u00e4<\/strong>\u00a0 maailmassa on jokin vamma, joten verkkosivustojen saavutettavuus laajentaa potentiaalista yleis\u00f6\u00e4 merkitt\u00e4v\u00e4sti.<\/p>\nOnko WCAG lakis\u00e4\u00e4teinen vaatimus Yhdysvalloissa?<\/strong><\/h3>\nKyll\u00e4, useimmille organisaatioille.<\/strong>\u00a0 WCAG 2.1 taso AA on k\u00e4yt\u00e4nn\u00f6ss\u00e4 verkkosaavutettavuuden standardi useiden Yhdysvaltojen lakien nojalla, ja tuomioistuimet k\u00e4ytt\u00e4v\u00e4t WCAG:ia johdonmukaisesti saavutettavuusvaatimusten arviointiperusteena.<\/p>\nDOJ:n \u00a0ADA Title II Final Rule<\/strong>\u00a0 otti virallisesti k\u00e4ytt\u00f6\u00f6n WCAG 2.1 tason AA kaikille osavaltioiden ja paikallishallintojen organisaatioille. T\u00e4m\u00e4 kattaa hallinnon verkkosivustot, mobiilisovellukset, digitaaliset asiakirjat ja verkkopalvelut.<\/p>\n<\/figure>\n\n\n\n\nOrganisaatiotyyppi<\/th>\nV\u00e4est\u00f6m\u00e4\u00e4r\u00e4<\/th>\nVaatimusten m\u00e4\u00e4r\u00e4aika<\/th>\n<\/tr>\n<\/thead>\n\n\nSuuret julkiset organisaatiot<\/td>\nV\u00e4hint\u00e4\u00e4n 50 000 asukasta<\/td>\n24. huhtikuuta 2026<\/td>\n<\/tr>\n\nPienet julkiset organisaatiot<\/td>\nAlle 50 000 asukasta<\/td>\n26. huhtikuuta 2027<\/td>\n<\/tr>\n\nErityisalueiden hallinnot<\/td>\nMik\u00e4 tahansa koko<\/td>\n26. huhtikuuta 2027<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/figure>\nYksityisten yritysten osalta \u00a0Americans with Disabilities Act -lain Title III<\/strong>\u00a0 edellytt\u00e4\u00e4 verkkosivustojen saavutettavuutta tuomioistuinten ratkaisujen ja DOJ:n sovintosopimusten perusteella. \u00a0Section 508<\/strong>\u00a0 Rehabilitation Act -laissa edellytt\u00e4\u00e4 nimenomaisesti, ett\u00e4 liittovaltion virastot ja niiden sopimuskumppanit noudattavat WCAG-vaatimuksia.<\/p>\nDigitaalista saavutettavuutta koskevat oikeusjutut ovat edelleen yleisi\u00e4. Automaattiset ty\u00f6kalut mahdollistavat valitusten tuottamisen laajassa mittakaavassa, joten mik\u00e4 tahansa saavutettavuusongelmia sis\u00e4lt\u00e4v\u00e4 yritys voi joutua kohteeksi.<\/p>\nMitk\u00e4 saavutettavuuslait edellytt\u00e4v\u00e4t WCAG-vaatimusten noudattamista?<\/strong><\/h3>\nDigitaalista saavutettavuutta koskevassa lains\u00e4\u00e4d\u00e4nn\u00f6ss\u00e4 eri puolilla maailmaa viitataan WCAG:iin teknisen\u00e4 vaatimustenmukaisuusstandardina. WCAG-vaatimusten t\u00e4ytt\u00e4minen t\u00e4ytt\u00e4\u00e4 useimpien saavutettavuuss\u00e4\u00e4d\u00f6sten vaatimukset.<\/p>\n\n\n\n\nLaki \/ m\u00e4\u00e4r\u00e4ys<\/th>\nMaantieteellinen soveltamisala<\/th>\nVaadittu WCAG-standardi<\/th>\nVaatimusten m\u00e4\u00e4r\u00e4aika<\/th>\n<\/tr>\n<\/thead>\n\n\nADA Title II (DOJ:n s\u00e4\u00e4nt\u00f6)<\/td>\nYhdysvaltojen osavaltio- ja paikallishallinnot<\/td>\nWCAG 2.1 AA<\/td>\nHuhtikuu 2026 \/ 2027<\/td>\n<\/tr>\n\nADA Title III<\/td>\nYhdysvaltojen yksityiset yritykset<\/td>\nWCAG 2.1 AA (tuomioistuinten k\u00e4ytt\u00e4m\u00e4 tosiasiallinen standardi)<\/td>\nJatkuva<\/td>\n<\/tr>\n\nSection 508<\/td>\nYhdysvaltojen liittovaltion virastot<\/td>\nWCAG 2.0 AA<\/td>\nVoimassa<\/td>\n<\/tr>\n\nEuropean Accessibility Act<\/td>\nEU-kuluttajia palvelevat yritykset<\/td>\nEN 301 549 (sis\u00e4lt\u00e4\u00e4 WCAG 2.1 AA:n)<\/td>\n28. kes\u00e4kuuta 2025<\/td>\n<\/tr>\n\nAODA<\/td>\nOntario, Kanada<\/td>\nWCAG 2.0 AA<\/td>\nVoimassa<\/td>\n<\/tr>\n\nEuropean Web Accessibility Directive<\/td>\nEuroopan unionin julkinen sektori<\/td>\nEN 301 549 (sis\u00e4lt\u00e4\u00e4 WCAG 2.1 AA:n)<\/td>\nVoimassa<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/figure>\nEuropean Accessibility Act (EAA) tuli t\u00e4yt\u00e4nt\u00f6\u00f6npanokelpoiseksi \u00a028. kes\u00e4kuuta 2025<\/strong>, ja se edellytt\u00e4\u00e4 WCAG-vaatimusten noudattamista monilta yrityksilt\u00e4, jotka myyv\u00e4t digitaalisia tuotteita tai palveluja EU-asiakkaille. Seuraamukset vaihtelevat j\u00e4senvaltioittain: sakot voivat olla \u00a0100 000 euroa Saksassa<\/strong>\u00a0 ja \u00a0250 000 euroa Ranskassa<\/strong>. Vaatimustenvastaiset tuotteet voidaan poistaa markkinoilta kokonaan.<\/p>\nMitk\u00e4 ovat WCAG:n nelj\u00e4 periaatetta?<\/strong><\/h3>\nWCAG:n nelj\u00e4 periaatetta, joista k\u00e4ytet\u00e4\u00e4n lyhennett\u00e4 \u00a0POUR<\/strong>, ovat havaittava, hallittava, ymm\u00e4rrett\u00e4v\u00e4 ja toimintavarma. N\u00e4m\u00e4 periaatteet ohjaavat kaikkia WCAG:n onnistumiskriteerej\u00e4 ja m\u00e4\u00e4rittelev\u00e4t, mit\u00e4 verkkosis\u00e4ll\u00f6n saavutettavuus tarkoittaa.<\/p>\n\n\n\n\nPeriaate<\/th>\nMit\u00e4 se tarkoittaa<\/th>\nEsimerkkivaatimus<\/th>\n<\/tr>\n<\/thead>\n\n\nHavaittava<\/td>\nK\u00e4ytt\u00e4jien on voitava havaita sis\u00e4lt\u00f6 v\u00e4hint\u00e4\u00e4n yhden aistin avulla.<\/td>\nTarjoa kuville tekstivastineet ja lis\u00e4\u00e4 videoihin tekstitykset.<\/td>\n<\/tr>\n\nHallittava<\/td>\nK\u00e4ytt\u00e4jien on voitava k\u00e4ytt\u00e4\u00e4 k\u00e4ytt\u00f6liittym\u00e4\u00e4.<\/td>\nMahdollista n\u00e4pp\u00e4imist\u00f6k\u00e4ytt\u00f6 ja anna riitt\u00e4v\u00e4sti aikaa sis\u00e4ll\u00f6n lukemiseen.<\/td>\n<\/tr>\n\nYmm\u00e4rrett\u00e4v\u00e4<\/td>\nK\u00e4ytt\u00e4jien on ymm\u00e4rrett\u00e4v\u00e4 sis\u00e4lt\u00f6 ja sen k\u00e4ytt\u00e4minen.<\/td>\nK\u00e4yt\u00e4 selke\u00e4\u00e4 kielt\u00e4 ja tee navigoinnista ennakoitavaa.<\/td>\n<\/tr>\n\nToimintavarma<\/td>\nSis\u00e4ll\u00f6n on toimittava nykyisten ja tulevien k\u00e4ytt\u00e4j\u00e4agenttien kanssa.<\/td>\nK\u00e4yt\u00e4 kelvollista koodia ja varmista yhteensopivuus avustavan teknologian kanssa.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/figure>\nMitk\u00e4 ovat WCAG:n 13 ohjetta?<\/strong><\/h3>\nWCAG:n nelj\u00e4 periaatetta sis\u00e4lt\u00e4v\u00e4t \u00a013 ohjetta<\/strong>\u00a0, jotka m\u00e4\u00e4rittelev\u00e4t verkkosaavutettavuuden erityiset tavoitteet. Jokaisella ohjeella on testattavat onnistumiskriteerit kolmella WCAG-vaatimustenmukaisuustasolla: A, AA ja AAA.<\/p>\nHavaittavuutta koskevat ohjeet<\/strong><\/h3>\n1.1 Tekstivastineet<\/strong>\u00a0 \u2014 Tarjoa tekstivastineet muulle kuin tekstimuotoiselle sis\u00e4ll\u00f6lle. T\u00e4m\u00e4 sis\u00e4lt\u00e4\u00e4 kuvien alt-tekstit, lomakekenttien selitteet ja kuvakkeiden kuvaukset. Tekstivastineiden avulla n\u00e4yt\u00f6nlukijan k\u00e4ytt\u00e4j\u00e4t ymm\u00e4rt\u00e4v\u00e4t sis\u00e4ll\u00f6n, jota he eiv\u00e4t voi n\u00e4hd\u00e4.<\/p>\n1.2 Aikasidonnainen media<\/strong>\u00a0 \u2014 Tarjoa vaihtoehtoja \u00e4\u00e4ni- ja videosis\u00e4ll\u00f6lle. N\u00e4it\u00e4 ovat videoiden tekstitykset, \u00e4\u00e4nitiedostojen tekstimuotoiset versiot ja visuaalisen sis\u00e4ll\u00f6n kuvailutulkkaus.<\/p>\n1.3 Mukautettava<\/strong>\u00a0 \u2014 Luo sis\u00e4lt\u00f6\u00e4, joka voidaan esitt\u00e4\u00e4 eri tavoilla tietojen tai rakenteen katoamatta. Verkkosivujen merkityksen tulee s\u00e4ily\u00e4, kun k\u00e4ytt\u00e4j\u00e4t muuttavat n\u00e4ytt\u00f6asetuksia tai k\u00e4ytt\u00e4v\u00e4t avustavaa teknologiaa.<\/p>\n1.4 Erottuva<\/strong>\u00a0 \u2014 Tee sis\u00e4ll\u00f6st\u00e4 helposti n\u00e4ht\u00e4v\u00e4\u00e4 ja kuultavaa. T\u00e4h\u00e4n kuuluvat riitt\u00e4v\u00e4 v\u00e4rikontrasti, tekstin koon muuttaminen ja \u00e4\u00e4nenhallinta. Heikkon\u00e4k\u00f6iset tai kuulovammaiset k\u00e4ytt\u00e4j\u00e4t ovat riippuvaisia n\u00e4ist\u00e4 ominaisuuksista.<\/p>\nHallittavuutta koskevat ohjeet<\/strong><\/h3>\n2.1 K\u00e4ytett\u00e4viss\u00e4 n\u00e4pp\u00e4imist\u00f6ll\u00e4<\/strong>\u00a0 \u2014 Tee kaikki toiminnot k\u00e4ytett\u00e4viksi n\u00e4pp\u00e4imist\u00f6ll\u00e4. K\u00e4ytt\u00e4jien, jotka eiv\u00e4t voi k\u00e4ytt\u00e4\u00e4 hiirt\u00e4, on voitava liikkua verkkosis\u00e4ll\u00f6ss\u00e4 pelk\u00e4n n\u00e4pp\u00e4imist\u00f6n avulla.<\/p>\n2.2 Riitt\u00e4v\u00e4sti aikaa<\/strong>\u00a0 \u2014 Anna k\u00e4ytt\u00e4jille riitt\u00e4v\u00e4sti aikaa sis\u00e4ll\u00f6n lukemiseen ja k\u00e4ytt\u00e4miseen. V\u00e4lt\u00e4 tiukkoja aikarajoja tai tarjoa mahdollisuus pident\u00e4\u00e4 niit\u00e4.<\/p>\n2.3 Sairauskohtaukset ja fyysiset reaktiot<\/strong>\u00a0 \u2014 \u00c4l\u00e4 suunnittele sis\u00e4lt\u00f6\u00e4, joka voi aiheuttaa sairauskohtauksia. V\u00e4lt\u00e4 vilkkuvaa sis\u00e4lt\u00f6\u00e4, joka voi laukaista valoherk\u00e4n epilepsian.<\/p>\n2.4 Navigoitava<\/strong>\u00a0 \u2014 Auta k\u00e4ytt\u00e4ji\u00e4 liikkumaan ja l\u00f6yt\u00e4m\u00e4\u00e4n sis\u00e4lt\u00f6\u00e4. K\u00e4yt\u00e4 selkeit\u00e4 otsikoita, kuvaavia linkkitekstej\u00e4 ja loogista kohdistusj\u00e4rjestyst\u00e4.<\/p>\n2.5 Sy\u00f6tetavat<\/strong>\u00a0 \u2014 Tue n\u00e4pp\u00e4imist\u00f6n ja hiiren lis\u00e4ksi muita sy\u00f6tt\u00f6tapoja. K\u00e4ytt\u00e4j\u00e4t voivat k\u00e4ytt\u00e4\u00e4 kosketusn\u00e4ytt\u00f6j\u00e4, \u00e4\u00e4nikomentoja tai kytkinohjausta.<\/p>\nYmm\u00e4rrett\u00e4vyytt\u00e4 koskevat ohjeet<\/h3>\n3.1 Luettava<\/strong>\u00a0 \u2014 Tee tekstist\u00e4 luettavaa ja ymm\u00e4rrett\u00e4v\u00e4\u00e4. K\u00e4yt\u00e4 selke\u00e4\u00e4 kielt\u00e4 ja m\u00e4\u00e4rittele ep\u00e4tavalliset termit tai lyhenteet.<\/p>\n3.2 Ennakoitava<\/strong>\u00a0 \u2014 Tee verkkosivujen ulkoasusta ja toiminnasta ennakoitavaa. Yhdenmukainen navigointi ja toiminnallisuus auttavat kaikkia k\u00e4ytt\u00e4ji\u00e4.<\/p>\n3.3 Sy\u00f6tteen avustaminen<\/strong>\u00a0 \u2014 Auta k\u00e4ytt\u00e4ji\u00e4 v\u00e4ltt\u00e4m\u00e4\u00e4n ja korjaamaan virheit\u00e4. Tarjoa lomakkeissa selke\u00e4t virheilmoitukset ja ohjeet.<\/p>\nToimintavarmuutta koskevat ohjeet<\/strong><\/h3>\n4.1 Yhteensopiva<\/strong>\u00a0 \u2014 Maksimoi yhteensopivuus nykyisten ja tulevien k\u00e4ytt\u00e4j\u00e4agenttien, mukaan lukien avustavien teknologioiden, kanssa. K\u00e4yt\u00e4 kelvollista koodia ja noudata verkkostandardeja, jotta sis\u00e4lt\u00f6 toimii luotettavasti eri selaimissa ja laitteissa.<\/p>\nMitk\u00e4 ovat WCAG:n kolme vaatimustenmukaisuustasoa?<\/strong><\/h3>\nWCAG:ssa on kolme vaatimustenmukaisuustasoa \u2014 taso A, taso AA ja taso AAA<\/strong> \u2014 jotka m\u00e4\u00e4rittelev\u00e4t kasvavat saavutettavuusvaatimukset. Taso AA on useimpien saavutettavuusvaatimusten oikeudellinen standardi.<\/p>\n\n\n\n\nTaso<\/th>\nKuvaus<\/th>\nOnnistumiskriteerit<\/th>\nOikeudellinen asema<\/th>\n<\/tr>\n<\/thead>\n\n\nTaso A<\/td>\nV\u00e4himm\u00e4issaavutettavuus \u2014 ratkaisee kaikkein kriittisimm\u00e4t saavutettavuusesteet.<\/td>\n30 kriteeri\u00e4<\/td>\nVaaditaan vaatimustenmukaisuuteen<\/td>\n<\/tr>\n\nTaso AA<\/td>\nTavanomainen saavutettavuus \u2014 poistaa esteit\u00e4 useimmilta vammaisilta henkil\u00f6ilt\u00e4.<\/td>\n20 lis\u00e4kriteeri\u00e4<\/td>\nUseimpien lakien edellytt\u00e4m\u00e4<\/td>\n<\/tr>\n\nTaso AAA<\/td>\nKorkein saavutettavuustaso \u2014 tarjoaa parannetun saavutettavuuden, mutta sit\u00e4 ei aina voida saavuttaa.<\/td>\n28 lis\u00e4kriteeri\u00e4<\/td>\nTavoitteellinen; ei lakis\u00e4\u00e4teinen<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/figure>\nJokainen taso perustuu edelliseen. Tason AA saavuttamiseksi kaikkien tason A kriteerien on ensin t\u00e4ytytt\u00e4v\u00e4. Vaatimustenmukaisuustasot auttavat verkkosivustojen omistajia priorisoimaan saavutettavuustoimia ja ymm\u00e4rt\u00e4m\u00e4\u00e4n velvoitteensa.<\/p>\nUseimpien saavutettavuuslakien mukaista WCAG-vaatimustenmukaisuutta varten organisaatioiden on t\u00e4ytett\u00e4v\u00e4 kaikki WCAG-tason A ja AA onnistumiskriteerit.<\/strong>\u00a0 Tason AAA vaatimustenmukaisuus on valinnainen, koska joitakin kriteerej\u00e4 ei voida t\u00e4ytt\u00e4\u00e4 kaikille sis\u00e4lt\u00f6tyypeille.<\/p>\nMiten onnistumiskriteerit eroavat tasoittain<\/strong><\/h3>\nSamalla ohjeella voi olla onnistumiskriteerej\u00e4 eri tasoilla. Seuraava esimerkki koskee videoiden saavutettavuusvaatimuksia:<\/p>\n<\/figure>\n
WCAG-vaatimustenmukaisuudesta k\u00e4ytet\u00e4\u00e4n joskus nimityst\u00e4 \u201dWCAG compliance\u201d. WCAG ei itsess\u00e4\u00e4n ole laki, mutta se on k\u00e4yt\u00e4nn\u00f6ss\u00e4 standardi monien Yhdysvaltojen ja kansainv\u00e4listen lakien noudattamiselle. Digitaalista saavutettavuutta koskevien oikeusjuttujen ollessa edelleen yleisi\u00e4 WCAG-vaatimustenmukaisuus ei ole en\u00e4\u00e4 valinnaista, vaan oikeudellinen ja liiketoiminnallinen v\u00e4ltt\u00e4m\u00e4tt\u00f6myys.<\/p>\n
WCAG-vaatimustenmukaisuus<\/strong>\u00a0 tarkoittaa, ett\u00e4 verkkosivusto t\u00e4ytt\u00e4\u00e4 Web Content Accessibility Guidelines -ohjeet eli World Wide Web Consortiumin (W3C) kehitt\u00e4m\u00e4n maailmanlaajuisen verkkosaavutettavuusstandardin. Ilmaisu \u201dWCAG compliance\u201d ei teknisesti ole t\u00e4ysin t\u00e4sm\u00e4llinen, koska WCAG on standardi eik\u00e4 laki; oikeampi termi on \u201dWCAG conformance\u201d. K\u00e4yt\u00e4nn\u00f6ss\u00e4 \u201dWCAG compliance\u201d on kuitenkin laajasti k\u00e4ytetty synonyymi WCAG-vaatimustenmukaisuudelle.<\/p>\nWCAG-ohjeet sis\u00e4lt\u00e4v\u00e4t teknisi\u00e4 onnistumiskriteerej\u00e4, joiden avulla verkkosivustojen omistajat voivat tehd\u00e4 verkkosis\u00e4ll\u00f6st\u00e4 saavutettavaa vammaisille henkil\u00f6ille. T\u00e4m\u00e4 koskee k\u00e4ytt\u00e4ji\u00e4, jotka k\u00e4ytt\u00e4v\u00e4t n\u00e4yt\u00f6nlukijoita, n\u00e4pp\u00e4imist\u00f6navigointia, tekstityksi\u00e4 ja muuta avustavaa teknologiaa. Kun verkkosivustosi t\u00e4ytt\u00e4\u00e4 WCAG-vaatimukset, henkil\u00f6t, joilla on n\u00e4k\u00f6-, kuulo-, motorisia, kognitiivisia tai oppimisvaikeuksia, voivat havaita verkkosivusi, liikkua niill\u00e4 ja k\u00e4ytt\u00e4\u00e4 niit\u00e4.<\/p>\n\n\n\n\nWCAG-versio<\/th>\nJulkaisup\u00e4iv\u00e4<\/th>\nOnnistumiskriteerit<\/th>\nTila<\/th>\n<\/tr>\n<\/thead>\n\n\nWCAG 2.0<\/td>\nJoulukuu 2008<\/td>\n61 kriteeri\u00e4<\/td>\nMainitaan edelleen monissa laeissa<\/td>\n<\/tr>\n\nWCAG 2.1<\/td>\nKes\u00e4kuu 2018<\/td>\n78 kriteeri\u00e4 (+17 uutta)<\/td>\nNykyinen oikeudellinen standardi<\/td>\n<\/tr>\n\nWCAG 2.2<\/td>\nLokakuu 2023<\/td>\n86 kriteeri\u00e4 (+9 uutta)<\/td>\nUusin W3C-suositus<\/td>\n<\/tr>\n\nWCAG 3.0<\/td>\nKehitteill\u00e4<\/td>\n174 tavoitetta (ehdotus)<\/td>\nOdotettavissa vuonna 2028 tai my\u00f6hemmin<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\nMit\u00e4 WCAG kattaa?<\/strong><\/h3>\nWCAG kehitettiin alun perin HTML-sis\u00e4ll\u00f6lle, jota k\u00e4ytet\u00e4\u00e4n verkkoselaimilla. Ohjeiden merkitys ulottuu kuitenkin paljon perinteisi\u00e4 verkkosivuja laajemmalle. WCAG koskee yleisesti verkkosis\u00e4lt\u00f6\u00e4 ja -teknologioita, kunhan k\u00e4ytt\u00e4j\u00e4agentit, mukaan lukien avustavat teknologiat, pystyv\u00e4t tulkitsemaan niit\u00e4.<\/p>\n<\/figure>\n\n\n\n\nSis\u00e4lt\u00f6tyyppi<\/th>\nEsimerkkej\u00e4<\/th>\nSovelletaanko WCAG:ia?<\/th>\n<\/tr>\n<\/thead>\n\n\nVerkkosivustot<\/td>\nJulkiset sivustot, intranetit, verkkosovellukset<\/td>\nKyll\u00e4<\/td>\n<\/tr>\n\nMobiilisovellukset<\/td>\niOS- ja Android-sovellukset<\/td>\nKyll\u00e4<\/td>\n<\/tr>\n\nAsiakirjat<\/td>\nPDF-tiedostot, Word-tiedostot, laskentataulukot<\/td>\nKyll\u00e4<\/td>\n<\/tr>\n\nMultimedia<\/td>\nVideot, podcastit, \u00e4\u00e4nitiedostot<\/td>\nKyll\u00e4<\/td>\n<\/tr>\n\nS\u00e4hk\u00f6posti<\/td>\nHTML-uutiskirjeet, markkinointis\u00e4hk\u00f6postit<\/td>\nKyll\u00e4<\/td>\n<\/tr>\n\nDigitaaliset kioskit<\/td>\nItsepalvelup\u00e4\u00e4tteet, pankkiautomaatit<\/td>\nKyll\u00e4<\/td>\n<\/tr>\n\nVerkko-oppiminen<\/td>\nVerkkokurssit, koulutusmoduulit<\/td>\nKyll\u00e4<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/figure>\nWCAG:iin ja siihen liittyviin standardeihin viittaavat lait kattavat erilaisia digitaalisia k\u00e4ytt\u00f6kokemuksia. Esimerkiksi DOJ:n ADA Title II -s\u00e4\u00e4nt\u00f6 koskee nimenomaisesti osavaltioiden ja paikallishallintojen tarjoamaa verkko- ja mobiilisis\u00e4lt\u00f6\u00e4, mukaan lukien digitaaliset asiakirjat. European Accessibility Act koskee monia kuluttajatuotteita ja -palveluja, kuten verkkokauppa-alustoja, pankkipalveluja ja kulutuselektroniikkaa. Kaiken yleis\u00f6lle tarkoitetun digitaalisen sis\u00e4ll\u00f6n tulisi noudattaa WCAG-ohjeita, jotta vammaiset henkil\u00f6t voivat k\u00e4ytt\u00e4\u00e4 sit\u00e4.<\/p>\nWCAG:iin ja siihen liittyviin standardeihin viittaavat lait kattavat erilaisia digitaalisia k\u00e4ytt\u00f6kokemuksia. Esimerkiksi DOJ:n ADA Title II -s\u00e4\u00e4nt\u00f6 koskee nimenomaisesti osavaltioiden ja paikallishallintojen tarjoamaa verkko- ja mobiilisis\u00e4lt\u00f6\u00e4, mukaan lukien digitaaliset asiakirjat. European Accessibility Act koskee monia kuluttajatuotteita ja -palveluja, kuten verkkokauppa-alustoja, pankkipalveluja ja kulutuselektroniikkaa. Kaiken yleis\u00f6lle tarkoitetun digitaalisen sis\u00e4ll\u00f6n tulisi noudattaa WCAG-ohjeita, jotta vammaiset henkil\u00f6t voivat k\u00e4ytt\u00e4\u00e4 sit\u00e4.<\/p>\nKenen on noudatettava WCAG-vaatimuksia?<\/strong><\/h3>\nL\u00e4hes kaikkien digitaalisen l\u00e4sn\u00e4olon omaavien organisaatioiden tulisi noudattaa WCAG-vaatimuksia. Oikeudelliset vaatimukset vaihtelevat toimialoittain, mutta saavutettavuus hy\u00f6dytt\u00e4\u00e4 kaikkia yrityksi\u00e4.<\/p>\n\n\n\n\nOrganisaatiotyyppi<\/th>\nOikeudellinen vaatimus<\/th>\nMiksi vaatimuksia kannattaa noudattaa<\/th>\n<\/tr>\n<\/thead>\n\n\nLiittovaltion virastot<\/td>\nSection 508 (pakollinen)<\/td>\nLakis\u00e4\u00e4teinen vaatimus<\/td>\n<\/tr>\n\nOsavaltioiden ja paikallishallintojen organisaatiot<\/td>\nADA Title II (pakollinen)<\/td>\nM\u00e4\u00e4r\u00e4aika huhtikuussa 2026<\/td>\n<\/tr>\n\nYksityiset yritykset<\/td>\nADA Title III (tuomioistuinten valvoma)<\/td>\nOikeusjuttujen ehk\u00e4iseminen<\/td>\n<\/tr>\n\nVerkkokauppasivustot<\/td>\nEAA EU:ssa (pakollinen)<\/td>\nP\u00e4\u00e4sy markkinoille<\/td>\n<\/tr>\n\nTerveydenhuollon palveluntarjoajat<\/td>\nADA + Section 504<\/td>\nPotilaiden p\u00e4\u00e4sy palveluihin<\/td>\n<\/tr>\n\nOppilaitokset<\/td>\nADA + Section 504<\/td>\nOpiskelijoiden p\u00e4\u00e4sy palveluihin<\/td>\n<\/tr>\n\nVoittoa tavoittelemattomat organisaatiot<\/td>\nADA:ta sovelletaan<\/td>\nKaikkien kohderyhmien palveleminen<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\u00a0<\/p>\nVaikka erityist\u00e4 oikeudellista velvoitetta ei olisi, verkkosivustojen omistajat hy\u00f6tyv\u00e4t WCAG-vaatimustenmukaisuudesta. Saavutettavat verkkosivustot tavoittavat enemm\u00e4n k\u00e4ytt\u00e4ji\u00e4, menestyv\u00e4t paremmin hakutuloksissa ja v\u00e4hent\u00e4v\u00e4t oikeudellisia riskej\u00e4. Yli miljardilla ihmisell\u00e4<\/strong>\u00a0 maailmassa on jokin vamma, joten verkkosivustojen saavutettavuus laajentaa potentiaalista yleis\u00f6\u00e4 merkitt\u00e4v\u00e4sti.<\/p>\nOnko WCAG lakis\u00e4\u00e4teinen vaatimus Yhdysvalloissa?<\/strong><\/h3>\nKyll\u00e4, useimmille organisaatioille.<\/strong>\u00a0 WCAG 2.1 taso AA on k\u00e4yt\u00e4nn\u00f6ss\u00e4 verkkosaavutettavuuden standardi useiden Yhdysvaltojen lakien nojalla, ja tuomioistuimet k\u00e4ytt\u00e4v\u00e4t WCAG:ia johdonmukaisesti saavutettavuusvaatimusten arviointiperusteena.<\/p>\nDOJ:n \u00a0ADA Title II Final Rule<\/strong>\u00a0 otti virallisesti k\u00e4ytt\u00f6\u00f6n WCAG 2.1 tason AA kaikille osavaltioiden ja paikallishallintojen organisaatioille. T\u00e4m\u00e4 kattaa hallinnon verkkosivustot, mobiilisovellukset, digitaaliset asiakirjat ja verkkopalvelut.<\/p>\n<\/figure>\n\n\n\n\nOrganisaatiotyyppi<\/th>\nV\u00e4est\u00f6m\u00e4\u00e4r\u00e4<\/th>\nVaatimusten m\u00e4\u00e4r\u00e4aika<\/th>\n<\/tr>\n<\/thead>\n\n\nSuuret julkiset organisaatiot<\/td>\nV\u00e4hint\u00e4\u00e4n 50 000 asukasta<\/td>\n24. huhtikuuta 2026<\/td>\n<\/tr>\n\nPienet julkiset organisaatiot<\/td>\nAlle 50 000 asukasta<\/td>\n26. huhtikuuta 2027<\/td>\n<\/tr>\n\nErityisalueiden hallinnot<\/td>\nMik\u00e4 tahansa koko<\/td>\n26. huhtikuuta 2027<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/figure>\nYksityisten yritysten osalta \u00a0Americans with Disabilities Act -lain Title III<\/strong>\u00a0 edellytt\u00e4\u00e4 verkkosivustojen saavutettavuutta tuomioistuinten ratkaisujen ja DOJ:n sovintosopimusten perusteella. \u00a0Section 508<\/strong>\u00a0 Rehabilitation Act -laissa edellytt\u00e4\u00e4 nimenomaisesti, ett\u00e4 liittovaltion virastot ja niiden sopimuskumppanit noudattavat WCAG-vaatimuksia.<\/p>\nDigitaalista saavutettavuutta koskevat oikeusjutut ovat edelleen yleisi\u00e4. Automaattiset ty\u00f6kalut mahdollistavat valitusten tuottamisen laajassa mittakaavassa, joten mik\u00e4 tahansa saavutettavuusongelmia sis\u00e4lt\u00e4v\u00e4 yritys voi joutua kohteeksi.<\/p>\nMitk\u00e4 saavutettavuuslait edellytt\u00e4v\u00e4t WCAG-vaatimusten noudattamista?<\/strong><\/h3>\nDigitaalista saavutettavuutta koskevassa lains\u00e4\u00e4d\u00e4nn\u00f6ss\u00e4 eri puolilla maailmaa viitataan WCAG:iin teknisen\u00e4 vaatimustenmukaisuusstandardina. WCAG-vaatimusten t\u00e4ytt\u00e4minen t\u00e4ytt\u00e4\u00e4 useimpien saavutettavuuss\u00e4\u00e4d\u00f6sten vaatimukset.<\/p>\n\n\n\n\nLaki \/ m\u00e4\u00e4r\u00e4ys<\/th>\nMaantieteellinen soveltamisala<\/th>\nVaadittu WCAG-standardi<\/th>\nVaatimusten m\u00e4\u00e4r\u00e4aika<\/th>\n<\/tr>\n<\/thead>\n\n\nADA Title II (DOJ:n s\u00e4\u00e4nt\u00f6)<\/td>\nYhdysvaltojen osavaltio- ja paikallishallinnot<\/td>\nWCAG 2.1 AA<\/td>\nHuhtikuu 2026 \/ 2027<\/td>\n<\/tr>\n\nADA Title III<\/td>\nYhdysvaltojen yksityiset yritykset<\/td>\nWCAG 2.1 AA (tuomioistuinten k\u00e4ytt\u00e4m\u00e4 tosiasiallinen standardi)<\/td>\nJatkuva<\/td>\n<\/tr>\n\nSection 508<\/td>\nYhdysvaltojen liittovaltion virastot<\/td>\nWCAG 2.0 AA<\/td>\nVoimassa<\/td>\n<\/tr>\n\nEuropean Accessibility Act<\/td>\nEU-kuluttajia palvelevat yritykset<\/td>\nEN 301 549 (sis\u00e4lt\u00e4\u00e4 WCAG 2.1 AA:n)<\/td>\n28. kes\u00e4kuuta 2025<\/td>\n<\/tr>\n\nAODA<\/td>\nOntario, Kanada<\/td>\nWCAG 2.0 AA<\/td>\nVoimassa<\/td>\n<\/tr>\n\nEuropean Web Accessibility Directive<\/td>\nEuroopan unionin julkinen sektori<\/td>\nEN 301 549 (sis\u00e4lt\u00e4\u00e4 WCAG 2.1 AA:n)<\/td>\nVoimassa<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/figure>\nEuropean Accessibility Act (EAA) tuli t\u00e4yt\u00e4nt\u00f6\u00f6npanokelpoiseksi \u00a028. kes\u00e4kuuta 2025<\/strong>, ja se edellytt\u00e4\u00e4 WCAG-vaatimusten noudattamista monilta yrityksilt\u00e4, jotka myyv\u00e4t digitaalisia tuotteita tai palveluja EU-asiakkaille. Seuraamukset vaihtelevat j\u00e4senvaltioittain: sakot voivat olla \u00a0100 000 euroa Saksassa<\/strong>\u00a0 ja \u00a0250 000 euroa Ranskassa<\/strong>. Vaatimustenvastaiset tuotteet voidaan poistaa markkinoilta kokonaan.<\/p>\nMitk\u00e4 ovat WCAG:n nelj\u00e4 periaatetta?<\/strong><\/h3>\nWCAG:n nelj\u00e4 periaatetta, joista k\u00e4ytet\u00e4\u00e4n lyhennett\u00e4 \u00a0POUR<\/strong>, ovat havaittava, hallittava, ymm\u00e4rrett\u00e4v\u00e4 ja toimintavarma. N\u00e4m\u00e4 periaatteet ohjaavat kaikkia WCAG:n onnistumiskriteerej\u00e4 ja m\u00e4\u00e4rittelev\u00e4t, mit\u00e4 verkkosis\u00e4ll\u00f6n saavutettavuus tarkoittaa.<\/p>\n\n\n\n\nPeriaate<\/th>\nMit\u00e4 se tarkoittaa<\/th>\nEsimerkkivaatimus<\/th>\n<\/tr>\n<\/thead>\n\n\nHavaittava<\/td>\nK\u00e4ytt\u00e4jien on voitava havaita sis\u00e4lt\u00f6 v\u00e4hint\u00e4\u00e4n yhden aistin avulla.<\/td>\nTarjoa kuville tekstivastineet ja lis\u00e4\u00e4 videoihin tekstitykset.<\/td>\n<\/tr>\n\nHallittava<\/td>\nK\u00e4ytt\u00e4jien on voitava k\u00e4ytt\u00e4\u00e4 k\u00e4ytt\u00f6liittym\u00e4\u00e4.<\/td>\nMahdollista n\u00e4pp\u00e4imist\u00f6k\u00e4ytt\u00f6 ja anna riitt\u00e4v\u00e4sti aikaa sis\u00e4ll\u00f6n lukemiseen.<\/td>\n<\/tr>\n\nYmm\u00e4rrett\u00e4v\u00e4<\/td>\nK\u00e4ytt\u00e4jien on ymm\u00e4rrett\u00e4v\u00e4 sis\u00e4lt\u00f6 ja sen k\u00e4ytt\u00e4minen.<\/td>\nK\u00e4yt\u00e4 selke\u00e4\u00e4 kielt\u00e4 ja tee navigoinnista ennakoitavaa.<\/td>\n<\/tr>\n\nToimintavarma<\/td>\nSis\u00e4ll\u00f6n on toimittava nykyisten ja tulevien k\u00e4ytt\u00e4j\u00e4agenttien kanssa.<\/td>\nK\u00e4yt\u00e4 kelvollista koodia ja varmista yhteensopivuus avustavan teknologian kanssa.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/figure>\nMitk\u00e4 ovat WCAG:n 13 ohjetta?<\/strong><\/h3>\nWCAG:n nelj\u00e4 periaatetta sis\u00e4lt\u00e4v\u00e4t \u00a013 ohjetta<\/strong>\u00a0, jotka m\u00e4\u00e4rittelev\u00e4t verkkosaavutettavuuden erityiset tavoitteet. Jokaisella ohjeella on testattavat onnistumiskriteerit kolmella WCAG-vaatimustenmukaisuustasolla: A, AA ja AAA.<\/p>\nHavaittavuutta koskevat ohjeet<\/strong><\/h3>\n1.1 Tekstivastineet<\/strong>\u00a0 \u2014 Tarjoa tekstivastineet muulle kuin tekstimuotoiselle sis\u00e4ll\u00f6lle. T\u00e4m\u00e4 sis\u00e4lt\u00e4\u00e4 kuvien alt-tekstit, lomakekenttien selitteet ja kuvakkeiden kuvaukset. Tekstivastineiden avulla n\u00e4yt\u00f6nlukijan k\u00e4ytt\u00e4j\u00e4t ymm\u00e4rt\u00e4v\u00e4t sis\u00e4ll\u00f6n, jota he eiv\u00e4t voi n\u00e4hd\u00e4.<\/p>\n1.2 Aikasidonnainen media<\/strong>\u00a0 \u2014 Tarjoa vaihtoehtoja \u00e4\u00e4ni- ja videosis\u00e4ll\u00f6lle. N\u00e4it\u00e4 ovat videoiden tekstitykset, \u00e4\u00e4nitiedostojen tekstimuotoiset versiot ja visuaalisen sis\u00e4ll\u00f6n kuvailutulkkaus.<\/p>\n1.3 Mukautettava<\/strong>\u00a0 \u2014 Luo sis\u00e4lt\u00f6\u00e4, joka voidaan esitt\u00e4\u00e4 eri tavoilla tietojen tai rakenteen katoamatta. Verkkosivujen merkityksen tulee s\u00e4ily\u00e4, kun k\u00e4ytt\u00e4j\u00e4t muuttavat n\u00e4ytt\u00f6asetuksia tai k\u00e4ytt\u00e4v\u00e4t avustavaa teknologiaa.<\/p>\n1.4 Erottuva<\/strong>\u00a0 \u2014 Tee sis\u00e4ll\u00f6st\u00e4 helposti n\u00e4ht\u00e4v\u00e4\u00e4 ja kuultavaa. T\u00e4h\u00e4n kuuluvat riitt\u00e4v\u00e4 v\u00e4rikontrasti, tekstin koon muuttaminen ja \u00e4\u00e4nenhallinta. Heikkon\u00e4k\u00f6iset tai kuulovammaiset k\u00e4ytt\u00e4j\u00e4t ovat riippuvaisia n\u00e4ist\u00e4 ominaisuuksista.<\/p>\nHallittavuutta koskevat ohjeet<\/strong><\/h3>\n2.1 K\u00e4ytett\u00e4viss\u00e4 n\u00e4pp\u00e4imist\u00f6ll\u00e4<\/strong>\u00a0 \u2014 Tee kaikki toiminnot k\u00e4ytett\u00e4viksi n\u00e4pp\u00e4imist\u00f6ll\u00e4. K\u00e4ytt\u00e4jien, jotka eiv\u00e4t voi k\u00e4ytt\u00e4\u00e4 hiirt\u00e4, on voitava liikkua verkkosis\u00e4ll\u00f6ss\u00e4 pelk\u00e4n n\u00e4pp\u00e4imist\u00f6n avulla.<\/p>\n2.2 Riitt\u00e4v\u00e4sti aikaa<\/strong>\u00a0 \u2014 Anna k\u00e4ytt\u00e4jille riitt\u00e4v\u00e4sti aikaa sis\u00e4ll\u00f6n lukemiseen ja k\u00e4ytt\u00e4miseen. V\u00e4lt\u00e4 tiukkoja aikarajoja tai tarjoa mahdollisuus pident\u00e4\u00e4 niit\u00e4.<\/p>\n2.3 Sairauskohtaukset ja fyysiset reaktiot<\/strong>\u00a0 \u2014 \u00c4l\u00e4 suunnittele sis\u00e4lt\u00f6\u00e4, joka voi aiheuttaa sairauskohtauksia. V\u00e4lt\u00e4 vilkkuvaa sis\u00e4lt\u00f6\u00e4, joka voi laukaista valoherk\u00e4n epilepsian.<\/p>\n2.4 Navigoitava<\/strong>\u00a0 \u2014 Auta k\u00e4ytt\u00e4ji\u00e4 liikkumaan ja l\u00f6yt\u00e4m\u00e4\u00e4n sis\u00e4lt\u00f6\u00e4. K\u00e4yt\u00e4 selkeit\u00e4 otsikoita, kuvaavia linkkitekstej\u00e4 ja loogista kohdistusj\u00e4rjestyst\u00e4.<\/p>\n2.5 Sy\u00f6tetavat<\/strong>\u00a0 \u2014 Tue n\u00e4pp\u00e4imist\u00f6n ja hiiren lis\u00e4ksi muita sy\u00f6tt\u00f6tapoja. K\u00e4ytt\u00e4j\u00e4t voivat k\u00e4ytt\u00e4\u00e4 kosketusn\u00e4ytt\u00f6j\u00e4, \u00e4\u00e4nikomentoja tai kytkinohjausta.<\/p>\nYmm\u00e4rrett\u00e4vyytt\u00e4 koskevat ohjeet<\/h3>\n3.1 Luettava<\/strong>\u00a0 \u2014 Tee tekstist\u00e4 luettavaa ja ymm\u00e4rrett\u00e4v\u00e4\u00e4. K\u00e4yt\u00e4 selke\u00e4\u00e4 kielt\u00e4 ja m\u00e4\u00e4rittele ep\u00e4tavalliset termit tai lyhenteet.<\/p>\n3.2 Ennakoitava<\/strong>\u00a0 \u2014 Tee verkkosivujen ulkoasusta ja toiminnasta ennakoitavaa. Yhdenmukainen navigointi ja toiminnallisuus auttavat kaikkia k\u00e4ytt\u00e4ji\u00e4.<\/p>\n3.3 Sy\u00f6tteen avustaminen<\/strong>\u00a0 \u2014 Auta k\u00e4ytt\u00e4ji\u00e4 v\u00e4ltt\u00e4m\u00e4\u00e4n ja korjaamaan virheit\u00e4. Tarjoa lomakkeissa selke\u00e4t virheilmoitukset ja ohjeet.<\/p>\nToimintavarmuutta koskevat ohjeet<\/strong><\/h3>\n4.1 Yhteensopiva<\/strong>\u00a0 \u2014 Maksimoi yhteensopivuus nykyisten ja tulevien k\u00e4ytt\u00e4j\u00e4agenttien, mukaan lukien avustavien teknologioiden, kanssa. K\u00e4yt\u00e4 kelvollista koodia ja noudata verkkostandardeja, jotta sis\u00e4lt\u00f6 toimii luotettavasti eri selaimissa ja laitteissa.<\/p>\nMitk\u00e4 ovat WCAG:n kolme vaatimustenmukaisuustasoa?<\/strong><\/h3>\nWCAG:ssa on kolme vaatimustenmukaisuustasoa \u2014 taso A, taso AA ja taso AAA<\/strong> \u2014 jotka m\u00e4\u00e4rittelev\u00e4t kasvavat saavutettavuusvaatimukset. Taso AA on useimpien saavutettavuusvaatimusten oikeudellinen standardi.<\/p>\n\n\n\n\nTaso<\/th>\nKuvaus<\/th>\nOnnistumiskriteerit<\/th>\nOikeudellinen asema<\/th>\n<\/tr>\n<\/thead>\n\n\nTaso A<\/td>\nV\u00e4himm\u00e4issaavutettavuus \u2014 ratkaisee kaikkein kriittisimm\u00e4t saavutettavuusesteet.<\/td>\n30 kriteeri\u00e4<\/td>\nVaaditaan vaatimustenmukaisuuteen<\/td>\n<\/tr>\n\nTaso AA<\/td>\nTavanomainen saavutettavuus \u2014 poistaa esteit\u00e4 useimmilta vammaisilta henkil\u00f6ilt\u00e4.<\/td>\n20 lis\u00e4kriteeri\u00e4<\/td>\nUseimpien lakien edellytt\u00e4m\u00e4<\/td>\n<\/tr>\n\nTaso AAA<\/td>\nKorkein saavutettavuustaso \u2014 tarjoaa parannetun saavutettavuuden, mutta sit\u00e4 ei aina voida saavuttaa.<\/td>\n28 lis\u00e4kriteeri\u00e4<\/td>\nTavoitteellinen; ei lakis\u00e4\u00e4teinen<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/figure>\nJokainen taso perustuu edelliseen. Tason AA saavuttamiseksi kaikkien tason A kriteerien on ensin t\u00e4ytytt\u00e4v\u00e4. Vaatimustenmukaisuustasot auttavat verkkosivustojen omistajia priorisoimaan saavutettavuustoimia ja ymm\u00e4rt\u00e4m\u00e4\u00e4n velvoitteensa.<\/p>\nUseimpien saavutettavuuslakien mukaista WCAG-vaatimustenmukaisuutta varten organisaatioiden on t\u00e4ytett\u00e4v\u00e4 kaikki WCAG-tason A ja AA onnistumiskriteerit.<\/strong>\u00a0 Tason AAA vaatimustenmukaisuus on valinnainen, koska joitakin kriteerej\u00e4 ei voida t\u00e4ytt\u00e4\u00e4 kaikille sis\u00e4lt\u00f6tyypeille.<\/p>\nMiten onnistumiskriteerit eroavat tasoittain<\/strong><\/h3>\nSamalla ohjeella voi olla onnistumiskriteerej\u00e4 eri tasoilla. Seuraava esimerkki koskee videoiden saavutettavuusvaatimuksia:<\/p>\n<\/figure>\n
WCAG-ohjeet sis\u00e4lt\u00e4v\u00e4t teknisi\u00e4 onnistumiskriteerej\u00e4, joiden avulla verkkosivustojen omistajat voivat tehd\u00e4 verkkosis\u00e4ll\u00f6st\u00e4 saavutettavaa vammaisille henkil\u00f6ille. T\u00e4m\u00e4 koskee k\u00e4ytt\u00e4ji\u00e4, jotka k\u00e4ytt\u00e4v\u00e4t n\u00e4yt\u00f6nlukijoita, n\u00e4pp\u00e4imist\u00f6navigointia, tekstityksi\u00e4 ja muuta avustavaa teknologiaa. Kun verkkosivustosi t\u00e4ytt\u00e4\u00e4 WCAG-vaatimukset, henkil\u00f6t, joilla on n\u00e4k\u00f6-, kuulo-, motorisia, kognitiivisia tai oppimisvaikeuksia, voivat havaita verkkosivusi, liikkua niill\u00e4 ja k\u00e4ytt\u00e4\u00e4 niit\u00e4.<\/p>\n\n\n\n\nWCAG-versio<\/th>\nJulkaisup\u00e4iv\u00e4<\/th>\nOnnistumiskriteerit<\/th>\nTila<\/th>\n<\/tr>\n<\/thead>\n\n\nWCAG 2.0<\/td>\nJoulukuu 2008<\/td>\n61 kriteeri\u00e4<\/td>\nMainitaan edelleen monissa laeissa<\/td>\n<\/tr>\n\nWCAG 2.1<\/td>\nKes\u00e4kuu 2018<\/td>\n78 kriteeri\u00e4 (+17 uutta)<\/td>\nNykyinen oikeudellinen standardi<\/td>\n<\/tr>\n\nWCAG 2.2<\/td>\nLokakuu 2023<\/td>\n86 kriteeri\u00e4 (+9 uutta)<\/td>\nUusin W3C-suositus<\/td>\n<\/tr>\n\nWCAG 3.0<\/td>\nKehitteill\u00e4<\/td>\n174 tavoitetta (ehdotus)<\/td>\nOdotettavissa vuonna 2028 tai my\u00f6hemmin<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\nMit\u00e4 WCAG kattaa?<\/strong><\/h3>\nWCAG kehitettiin alun perin HTML-sis\u00e4ll\u00f6lle, jota k\u00e4ytet\u00e4\u00e4n verkkoselaimilla. Ohjeiden merkitys ulottuu kuitenkin paljon perinteisi\u00e4 verkkosivuja laajemmalle. WCAG koskee yleisesti verkkosis\u00e4lt\u00f6\u00e4 ja -teknologioita, kunhan k\u00e4ytt\u00e4j\u00e4agentit, mukaan lukien avustavat teknologiat, pystyv\u00e4t tulkitsemaan niit\u00e4.<\/p>\n<\/figure>\n\n\n\n\nSis\u00e4lt\u00f6tyyppi<\/th>\nEsimerkkej\u00e4<\/th>\nSovelletaanko WCAG:ia?<\/th>\n<\/tr>\n<\/thead>\n\n\nVerkkosivustot<\/td>\nJulkiset sivustot, intranetit, verkkosovellukset<\/td>\nKyll\u00e4<\/td>\n<\/tr>\n\nMobiilisovellukset<\/td>\niOS- ja Android-sovellukset<\/td>\nKyll\u00e4<\/td>\n<\/tr>\n\nAsiakirjat<\/td>\nPDF-tiedostot, Word-tiedostot, laskentataulukot<\/td>\nKyll\u00e4<\/td>\n<\/tr>\n\nMultimedia<\/td>\nVideot, podcastit, \u00e4\u00e4nitiedostot<\/td>\nKyll\u00e4<\/td>\n<\/tr>\n\nS\u00e4hk\u00f6posti<\/td>\nHTML-uutiskirjeet, markkinointis\u00e4hk\u00f6postit<\/td>\nKyll\u00e4<\/td>\n<\/tr>\n\nDigitaaliset kioskit<\/td>\nItsepalvelup\u00e4\u00e4tteet, pankkiautomaatit<\/td>\nKyll\u00e4<\/td>\n<\/tr>\n\nVerkko-oppiminen<\/td>\nVerkkokurssit, koulutusmoduulit<\/td>\nKyll\u00e4<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/figure>\nWCAG:iin ja siihen liittyviin standardeihin viittaavat lait kattavat erilaisia digitaalisia k\u00e4ytt\u00f6kokemuksia. Esimerkiksi DOJ:n ADA Title II -s\u00e4\u00e4nt\u00f6 koskee nimenomaisesti osavaltioiden ja paikallishallintojen tarjoamaa verkko- ja mobiilisis\u00e4lt\u00f6\u00e4, mukaan lukien digitaaliset asiakirjat. European Accessibility Act koskee monia kuluttajatuotteita ja -palveluja, kuten verkkokauppa-alustoja, pankkipalveluja ja kulutuselektroniikkaa. Kaiken yleis\u00f6lle tarkoitetun digitaalisen sis\u00e4ll\u00f6n tulisi noudattaa WCAG-ohjeita, jotta vammaiset henkil\u00f6t voivat k\u00e4ytt\u00e4\u00e4 sit\u00e4.<\/p>\nWCAG:iin ja siihen liittyviin standardeihin viittaavat lait kattavat erilaisia digitaalisia k\u00e4ytt\u00f6kokemuksia. Esimerkiksi DOJ:n ADA Title II -s\u00e4\u00e4nt\u00f6 koskee nimenomaisesti osavaltioiden ja paikallishallintojen tarjoamaa verkko- ja mobiilisis\u00e4lt\u00f6\u00e4, mukaan lukien digitaaliset asiakirjat. European Accessibility Act koskee monia kuluttajatuotteita ja -palveluja, kuten verkkokauppa-alustoja, pankkipalveluja ja kulutuselektroniikkaa. Kaiken yleis\u00f6lle tarkoitetun digitaalisen sis\u00e4ll\u00f6n tulisi noudattaa WCAG-ohjeita, jotta vammaiset henkil\u00f6t voivat k\u00e4ytt\u00e4\u00e4 sit\u00e4.<\/p>\nKenen on noudatettava WCAG-vaatimuksia?<\/strong><\/h3>\nL\u00e4hes kaikkien digitaalisen l\u00e4sn\u00e4olon omaavien organisaatioiden tulisi noudattaa WCAG-vaatimuksia. Oikeudelliset vaatimukset vaihtelevat toimialoittain, mutta saavutettavuus hy\u00f6dytt\u00e4\u00e4 kaikkia yrityksi\u00e4.<\/p>\n\n\n\n\nOrganisaatiotyyppi<\/th>\nOikeudellinen vaatimus<\/th>\nMiksi vaatimuksia kannattaa noudattaa<\/th>\n<\/tr>\n<\/thead>\n\n\nLiittovaltion virastot<\/td>\nSection 508 (pakollinen)<\/td>\nLakis\u00e4\u00e4teinen vaatimus<\/td>\n<\/tr>\n\nOsavaltioiden ja paikallishallintojen organisaatiot<\/td>\nADA Title II (pakollinen)<\/td>\nM\u00e4\u00e4r\u00e4aika huhtikuussa 2026<\/td>\n<\/tr>\n\nYksityiset yritykset<\/td>\nADA Title III (tuomioistuinten valvoma)<\/td>\nOikeusjuttujen ehk\u00e4iseminen<\/td>\n<\/tr>\n\nVerkkokauppasivustot<\/td>\nEAA EU:ssa (pakollinen)<\/td>\nP\u00e4\u00e4sy markkinoille<\/td>\n<\/tr>\n\nTerveydenhuollon palveluntarjoajat<\/td>\nADA + Section 504<\/td>\nPotilaiden p\u00e4\u00e4sy palveluihin<\/td>\n<\/tr>\n\nOppilaitokset<\/td>\nADA + Section 504<\/td>\nOpiskelijoiden p\u00e4\u00e4sy palveluihin<\/td>\n<\/tr>\n\nVoittoa tavoittelemattomat organisaatiot<\/td>\nADA:ta sovelletaan<\/td>\nKaikkien kohderyhmien palveleminen<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\u00a0<\/p>\nVaikka erityist\u00e4 oikeudellista velvoitetta ei olisi, verkkosivustojen omistajat hy\u00f6tyv\u00e4t WCAG-vaatimustenmukaisuudesta. Saavutettavat verkkosivustot tavoittavat enemm\u00e4n k\u00e4ytt\u00e4ji\u00e4, menestyv\u00e4t paremmin hakutuloksissa ja v\u00e4hent\u00e4v\u00e4t oikeudellisia riskej\u00e4. Yli miljardilla ihmisell\u00e4<\/strong>\u00a0 maailmassa on jokin vamma, joten verkkosivustojen saavutettavuus laajentaa potentiaalista yleis\u00f6\u00e4 merkitt\u00e4v\u00e4sti.<\/p>\nOnko WCAG lakis\u00e4\u00e4teinen vaatimus Yhdysvalloissa?<\/strong><\/h3>\nKyll\u00e4, useimmille organisaatioille.<\/strong>\u00a0 WCAG 2.1 taso AA on k\u00e4yt\u00e4nn\u00f6ss\u00e4 verkkosaavutettavuuden standardi useiden Yhdysvaltojen lakien nojalla, ja tuomioistuimet k\u00e4ytt\u00e4v\u00e4t WCAG:ia johdonmukaisesti saavutettavuusvaatimusten arviointiperusteena.<\/p>\nDOJ:n \u00a0ADA Title II Final Rule<\/strong>\u00a0 otti virallisesti k\u00e4ytt\u00f6\u00f6n WCAG 2.1 tason AA kaikille osavaltioiden ja paikallishallintojen organisaatioille. T\u00e4m\u00e4 kattaa hallinnon verkkosivustot, mobiilisovellukset, digitaaliset asiakirjat ja verkkopalvelut.<\/p>\n<\/figure>\n\n\n\n\nOrganisaatiotyyppi<\/th>\nV\u00e4est\u00f6m\u00e4\u00e4r\u00e4<\/th>\nVaatimusten m\u00e4\u00e4r\u00e4aika<\/th>\n<\/tr>\n<\/thead>\n\n\nSuuret julkiset organisaatiot<\/td>\nV\u00e4hint\u00e4\u00e4n 50 000 asukasta<\/td>\n24. huhtikuuta 2026<\/td>\n<\/tr>\n\nPienet julkiset organisaatiot<\/td>\nAlle 50 000 asukasta<\/td>\n26. huhtikuuta 2027<\/td>\n<\/tr>\n\nErityisalueiden hallinnot<\/td>\nMik\u00e4 tahansa koko<\/td>\n26. huhtikuuta 2027<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/figure>\nYksityisten yritysten osalta \u00a0Americans with Disabilities Act -lain Title III<\/strong>\u00a0 edellytt\u00e4\u00e4 verkkosivustojen saavutettavuutta tuomioistuinten ratkaisujen ja DOJ:n sovintosopimusten perusteella. \u00a0Section 508<\/strong>\u00a0 Rehabilitation Act -laissa edellytt\u00e4\u00e4 nimenomaisesti, ett\u00e4 liittovaltion virastot ja niiden sopimuskumppanit noudattavat WCAG-vaatimuksia.<\/p>\nDigitaalista saavutettavuutta koskevat oikeusjutut ovat edelleen yleisi\u00e4. Automaattiset ty\u00f6kalut mahdollistavat valitusten tuottamisen laajassa mittakaavassa, joten mik\u00e4 tahansa saavutettavuusongelmia sis\u00e4lt\u00e4v\u00e4 yritys voi joutua kohteeksi.<\/p>\nMitk\u00e4 saavutettavuuslait edellytt\u00e4v\u00e4t WCAG-vaatimusten noudattamista?<\/strong><\/h3>\nDigitaalista saavutettavuutta koskevassa lains\u00e4\u00e4d\u00e4nn\u00f6ss\u00e4 eri puolilla maailmaa viitataan WCAG:iin teknisen\u00e4 vaatimustenmukaisuusstandardina. WCAG-vaatimusten t\u00e4ytt\u00e4minen t\u00e4ytt\u00e4\u00e4 useimpien saavutettavuuss\u00e4\u00e4d\u00f6sten vaatimukset.<\/p>\n\n\n\n\nLaki \/ m\u00e4\u00e4r\u00e4ys<\/th>\nMaantieteellinen soveltamisala<\/th>\nVaadittu WCAG-standardi<\/th>\nVaatimusten m\u00e4\u00e4r\u00e4aika<\/th>\n<\/tr>\n<\/thead>\n\n\nADA Title II (DOJ:n s\u00e4\u00e4nt\u00f6)<\/td>\nYhdysvaltojen osavaltio- ja paikallishallinnot<\/td>\nWCAG 2.1 AA<\/td>\nHuhtikuu 2026 \/ 2027<\/td>\n<\/tr>\n\nADA Title III<\/td>\nYhdysvaltojen yksityiset yritykset<\/td>\nWCAG 2.1 AA (tuomioistuinten k\u00e4ytt\u00e4m\u00e4 tosiasiallinen standardi)<\/td>\nJatkuva<\/td>\n<\/tr>\n\nSection 508<\/td>\nYhdysvaltojen liittovaltion virastot<\/td>\nWCAG 2.0 AA<\/td>\nVoimassa<\/td>\n<\/tr>\n\nEuropean Accessibility Act<\/td>\nEU-kuluttajia palvelevat yritykset<\/td>\nEN 301 549 (sis\u00e4lt\u00e4\u00e4 WCAG 2.1 AA:n)<\/td>\n28. kes\u00e4kuuta 2025<\/td>\n<\/tr>\n\nAODA<\/td>\nOntario, Kanada<\/td>\nWCAG 2.0 AA<\/td>\nVoimassa<\/td>\n<\/tr>\n\nEuropean Web Accessibility Directive<\/td>\nEuroopan unionin julkinen sektori<\/td>\nEN 301 549 (sis\u00e4lt\u00e4\u00e4 WCAG 2.1 AA:n)<\/td>\nVoimassa<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/figure>\nEuropean Accessibility Act (EAA) tuli t\u00e4yt\u00e4nt\u00f6\u00f6npanokelpoiseksi \u00a028. kes\u00e4kuuta 2025<\/strong>, ja se edellytt\u00e4\u00e4 WCAG-vaatimusten noudattamista monilta yrityksilt\u00e4, jotka myyv\u00e4t digitaalisia tuotteita tai palveluja EU-asiakkaille. Seuraamukset vaihtelevat j\u00e4senvaltioittain: sakot voivat olla \u00a0100 000 euroa Saksassa<\/strong>\u00a0 ja \u00a0250 000 euroa Ranskassa<\/strong>. Vaatimustenvastaiset tuotteet voidaan poistaa markkinoilta kokonaan.<\/p>\nMitk\u00e4 ovat WCAG:n nelj\u00e4 periaatetta?<\/strong><\/h3>\nWCAG:n nelj\u00e4 periaatetta, joista k\u00e4ytet\u00e4\u00e4n lyhennett\u00e4 \u00a0POUR<\/strong>, ovat havaittava, hallittava, ymm\u00e4rrett\u00e4v\u00e4 ja toimintavarma. N\u00e4m\u00e4 periaatteet ohjaavat kaikkia WCAG:n onnistumiskriteerej\u00e4 ja m\u00e4\u00e4rittelev\u00e4t, mit\u00e4 verkkosis\u00e4ll\u00f6n saavutettavuus tarkoittaa.<\/p>\n\n\n\n\nPeriaate<\/th>\nMit\u00e4 se tarkoittaa<\/th>\nEsimerkkivaatimus<\/th>\n<\/tr>\n<\/thead>\n\n\nHavaittava<\/td>\nK\u00e4ytt\u00e4jien on voitava havaita sis\u00e4lt\u00f6 v\u00e4hint\u00e4\u00e4n yhden aistin avulla.<\/td>\nTarjoa kuville tekstivastineet ja lis\u00e4\u00e4 videoihin tekstitykset.<\/td>\n<\/tr>\n\nHallittava<\/td>\nK\u00e4ytt\u00e4jien on voitava k\u00e4ytt\u00e4\u00e4 k\u00e4ytt\u00f6liittym\u00e4\u00e4.<\/td>\nMahdollista n\u00e4pp\u00e4imist\u00f6k\u00e4ytt\u00f6 ja anna riitt\u00e4v\u00e4sti aikaa sis\u00e4ll\u00f6n lukemiseen.<\/td>\n<\/tr>\n\nYmm\u00e4rrett\u00e4v\u00e4<\/td>\nK\u00e4ytt\u00e4jien on ymm\u00e4rrett\u00e4v\u00e4 sis\u00e4lt\u00f6 ja sen k\u00e4ytt\u00e4minen.<\/td>\nK\u00e4yt\u00e4 selke\u00e4\u00e4 kielt\u00e4 ja tee navigoinnista ennakoitavaa.<\/td>\n<\/tr>\n\nToimintavarma<\/td>\nSis\u00e4ll\u00f6n on toimittava nykyisten ja tulevien k\u00e4ytt\u00e4j\u00e4agenttien kanssa.<\/td>\nK\u00e4yt\u00e4 kelvollista koodia ja varmista yhteensopivuus avustavan teknologian kanssa.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/figure>\nMitk\u00e4 ovat WCAG:n 13 ohjetta?<\/strong><\/h3>\nWCAG:n nelj\u00e4 periaatetta sis\u00e4lt\u00e4v\u00e4t \u00a013 ohjetta<\/strong>\u00a0, jotka m\u00e4\u00e4rittelev\u00e4t verkkosaavutettavuuden erityiset tavoitteet. Jokaisella ohjeella on testattavat onnistumiskriteerit kolmella WCAG-vaatimustenmukaisuustasolla: A, AA ja AAA.<\/p>\nHavaittavuutta koskevat ohjeet<\/strong><\/h3>\n1.1 Tekstivastineet<\/strong>\u00a0 \u2014 Tarjoa tekstivastineet muulle kuin tekstimuotoiselle sis\u00e4ll\u00f6lle. T\u00e4m\u00e4 sis\u00e4lt\u00e4\u00e4 kuvien alt-tekstit, lomakekenttien selitteet ja kuvakkeiden kuvaukset. Tekstivastineiden avulla n\u00e4yt\u00f6nlukijan k\u00e4ytt\u00e4j\u00e4t ymm\u00e4rt\u00e4v\u00e4t sis\u00e4ll\u00f6n, jota he eiv\u00e4t voi n\u00e4hd\u00e4.<\/p>\n1.2 Aikasidonnainen media<\/strong>\u00a0 \u2014 Tarjoa vaihtoehtoja \u00e4\u00e4ni- ja videosis\u00e4ll\u00f6lle. N\u00e4it\u00e4 ovat videoiden tekstitykset, \u00e4\u00e4nitiedostojen tekstimuotoiset versiot ja visuaalisen sis\u00e4ll\u00f6n kuvailutulkkaus.<\/p>\n1.3 Mukautettava<\/strong>\u00a0 \u2014 Luo sis\u00e4lt\u00f6\u00e4, joka voidaan esitt\u00e4\u00e4 eri tavoilla tietojen tai rakenteen katoamatta. Verkkosivujen merkityksen tulee s\u00e4ily\u00e4, kun k\u00e4ytt\u00e4j\u00e4t muuttavat n\u00e4ytt\u00f6asetuksia tai k\u00e4ytt\u00e4v\u00e4t avustavaa teknologiaa.<\/p>\n1.4 Erottuva<\/strong>\u00a0 \u2014 Tee sis\u00e4ll\u00f6st\u00e4 helposti n\u00e4ht\u00e4v\u00e4\u00e4 ja kuultavaa. T\u00e4h\u00e4n kuuluvat riitt\u00e4v\u00e4 v\u00e4rikontrasti, tekstin koon muuttaminen ja \u00e4\u00e4nenhallinta. Heikkon\u00e4k\u00f6iset tai kuulovammaiset k\u00e4ytt\u00e4j\u00e4t ovat riippuvaisia n\u00e4ist\u00e4 ominaisuuksista.<\/p>\nHallittavuutta koskevat ohjeet<\/strong><\/h3>\n2.1 K\u00e4ytett\u00e4viss\u00e4 n\u00e4pp\u00e4imist\u00f6ll\u00e4<\/strong>\u00a0 \u2014 Tee kaikki toiminnot k\u00e4ytett\u00e4viksi n\u00e4pp\u00e4imist\u00f6ll\u00e4. K\u00e4ytt\u00e4jien, jotka eiv\u00e4t voi k\u00e4ytt\u00e4\u00e4 hiirt\u00e4, on voitava liikkua verkkosis\u00e4ll\u00f6ss\u00e4 pelk\u00e4n n\u00e4pp\u00e4imist\u00f6n avulla.<\/p>\n2.2 Riitt\u00e4v\u00e4sti aikaa<\/strong>\u00a0 \u2014 Anna k\u00e4ytt\u00e4jille riitt\u00e4v\u00e4sti aikaa sis\u00e4ll\u00f6n lukemiseen ja k\u00e4ytt\u00e4miseen. V\u00e4lt\u00e4 tiukkoja aikarajoja tai tarjoa mahdollisuus pident\u00e4\u00e4 niit\u00e4.<\/p>\n2.3 Sairauskohtaukset ja fyysiset reaktiot<\/strong>\u00a0 \u2014 \u00c4l\u00e4 suunnittele sis\u00e4lt\u00f6\u00e4, joka voi aiheuttaa sairauskohtauksia. V\u00e4lt\u00e4 vilkkuvaa sis\u00e4lt\u00f6\u00e4, joka voi laukaista valoherk\u00e4n epilepsian.<\/p>\n2.4 Navigoitava<\/strong>\u00a0 \u2014 Auta k\u00e4ytt\u00e4ji\u00e4 liikkumaan ja l\u00f6yt\u00e4m\u00e4\u00e4n sis\u00e4lt\u00f6\u00e4. K\u00e4yt\u00e4 selkeit\u00e4 otsikoita, kuvaavia linkkitekstej\u00e4 ja loogista kohdistusj\u00e4rjestyst\u00e4.<\/p>\n2.5 Sy\u00f6tetavat<\/strong>\u00a0 \u2014 Tue n\u00e4pp\u00e4imist\u00f6n ja hiiren lis\u00e4ksi muita sy\u00f6tt\u00f6tapoja. K\u00e4ytt\u00e4j\u00e4t voivat k\u00e4ytt\u00e4\u00e4 kosketusn\u00e4ytt\u00f6j\u00e4, \u00e4\u00e4nikomentoja tai kytkinohjausta.<\/p>\nYmm\u00e4rrett\u00e4vyytt\u00e4 koskevat ohjeet<\/h3>\n3.1 Luettava<\/strong>\u00a0 \u2014 Tee tekstist\u00e4 luettavaa ja ymm\u00e4rrett\u00e4v\u00e4\u00e4. K\u00e4yt\u00e4 selke\u00e4\u00e4 kielt\u00e4 ja m\u00e4\u00e4rittele ep\u00e4tavalliset termit tai lyhenteet.<\/p>\n3.2 Ennakoitava<\/strong>\u00a0 \u2014 Tee verkkosivujen ulkoasusta ja toiminnasta ennakoitavaa. Yhdenmukainen navigointi ja toiminnallisuus auttavat kaikkia k\u00e4ytt\u00e4ji\u00e4.<\/p>\n3.3 Sy\u00f6tteen avustaminen<\/strong>\u00a0 \u2014 Auta k\u00e4ytt\u00e4ji\u00e4 v\u00e4ltt\u00e4m\u00e4\u00e4n ja korjaamaan virheit\u00e4. Tarjoa lomakkeissa selke\u00e4t virheilmoitukset ja ohjeet.<\/p>\nToimintavarmuutta koskevat ohjeet<\/strong><\/h3>\n4.1 Yhteensopiva<\/strong>\u00a0 \u2014 Maksimoi yhteensopivuus nykyisten ja tulevien k\u00e4ytt\u00e4j\u00e4agenttien, mukaan lukien avustavien teknologioiden, kanssa. K\u00e4yt\u00e4 kelvollista koodia ja noudata verkkostandardeja, jotta sis\u00e4lt\u00f6 toimii luotettavasti eri selaimissa ja laitteissa.<\/p>\nMitk\u00e4 ovat WCAG:n kolme vaatimustenmukaisuustasoa?<\/strong><\/h3>\nWCAG:ssa on kolme vaatimustenmukaisuustasoa \u2014 taso A, taso AA ja taso AAA<\/strong> \u2014 jotka m\u00e4\u00e4rittelev\u00e4t kasvavat saavutettavuusvaatimukset. Taso AA on useimpien saavutettavuusvaatimusten oikeudellinen standardi.<\/p>\n\n\n\n\nTaso<\/th>\nKuvaus<\/th>\nOnnistumiskriteerit<\/th>\nOikeudellinen asema<\/th>\n<\/tr>\n<\/thead>\n\n\nTaso A<\/td>\nV\u00e4himm\u00e4issaavutettavuus \u2014 ratkaisee kaikkein kriittisimm\u00e4t saavutettavuusesteet.<\/td>\n30 kriteeri\u00e4<\/td>\nVaaditaan vaatimustenmukaisuuteen<\/td>\n<\/tr>\n\nTaso AA<\/td>\nTavanomainen saavutettavuus \u2014 poistaa esteit\u00e4 useimmilta vammaisilta henkil\u00f6ilt\u00e4.<\/td>\n20 lis\u00e4kriteeri\u00e4<\/td>\nUseimpien lakien edellytt\u00e4m\u00e4<\/td>\n<\/tr>\n\nTaso AAA<\/td>\nKorkein saavutettavuustaso \u2014 tarjoaa parannetun saavutettavuuden, mutta sit\u00e4 ei aina voida saavuttaa.<\/td>\n28 lis\u00e4kriteeri\u00e4<\/td>\nTavoitteellinen; ei lakis\u00e4\u00e4teinen<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/figure>\nJokainen taso perustuu edelliseen. Tason AA saavuttamiseksi kaikkien tason A kriteerien on ensin t\u00e4ytytt\u00e4v\u00e4. Vaatimustenmukaisuustasot auttavat verkkosivustojen omistajia priorisoimaan saavutettavuustoimia ja ymm\u00e4rt\u00e4m\u00e4\u00e4n velvoitteensa.<\/p>\nUseimpien saavutettavuuslakien mukaista WCAG-vaatimustenmukaisuutta varten organisaatioiden on t\u00e4ytett\u00e4v\u00e4 kaikki WCAG-tason A ja AA onnistumiskriteerit.<\/strong>\u00a0 Tason AAA vaatimustenmukaisuus on valinnainen, koska joitakin kriteerej\u00e4 ei voida t\u00e4ytt\u00e4\u00e4 kaikille sis\u00e4lt\u00f6tyypeille.<\/p>\nMiten onnistumiskriteerit eroavat tasoittain<\/strong><\/h3>\nSamalla ohjeella voi olla onnistumiskriteerej\u00e4 eri tasoilla. Seuraava esimerkki koskee videoiden saavutettavuusvaatimuksia:<\/p>\n<\/figure>\n
WCAG kehitettiin alun perin HTML-sis\u00e4ll\u00f6lle, jota k\u00e4ytet\u00e4\u00e4n verkkoselaimilla. Ohjeiden merkitys ulottuu kuitenkin paljon perinteisi\u00e4 verkkosivuja laajemmalle. WCAG koskee yleisesti verkkosis\u00e4lt\u00f6\u00e4 ja -teknologioita, kunhan k\u00e4ytt\u00e4j\u00e4agentit, mukaan lukien avustavat teknologiat, pystyv\u00e4t tulkitsemaan niit\u00e4.<\/p>\n<\/figure>\n\n\n\n\nSis\u00e4lt\u00f6tyyppi<\/th>\nEsimerkkej\u00e4<\/th>\nSovelletaanko WCAG:ia?<\/th>\n<\/tr>\n<\/thead>\n\n\nVerkkosivustot<\/td>\nJulkiset sivustot, intranetit, verkkosovellukset<\/td>\nKyll\u00e4<\/td>\n<\/tr>\n\nMobiilisovellukset<\/td>\niOS- ja Android-sovellukset<\/td>\nKyll\u00e4<\/td>\n<\/tr>\n\nAsiakirjat<\/td>\nPDF-tiedostot, Word-tiedostot, laskentataulukot<\/td>\nKyll\u00e4<\/td>\n<\/tr>\n\nMultimedia<\/td>\nVideot, podcastit, \u00e4\u00e4nitiedostot<\/td>\nKyll\u00e4<\/td>\n<\/tr>\n\nS\u00e4hk\u00f6posti<\/td>\nHTML-uutiskirjeet, markkinointis\u00e4hk\u00f6postit<\/td>\nKyll\u00e4<\/td>\n<\/tr>\n\nDigitaaliset kioskit<\/td>\nItsepalvelup\u00e4\u00e4tteet, pankkiautomaatit<\/td>\nKyll\u00e4<\/td>\n<\/tr>\n\nVerkko-oppiminen<\/td>\nVerkkokurssit, koulutusmoduulit<\/td>\nKyll\u00e4<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/figure>\nWCAG:iin ja siihen liittyviin standardeihin viittaavat lait kattavat erilaisia digitaalisia k\u00e4ytt\u00f6kokemuksia. Esimerkiksi DOJ:n ADA Title II -s\u00e4\u00e4nt\u00f6 koskee nimenomaisesti osavaltioiden ja paikallishallintojen tarjoamaa verkko- ja mobiilisis\u00e4lt\u00f6\u00e4, mukaan lukien digitaaliset asiakirjat. European Accessibility Act koskee monia kuluttajatuotteita ja -palveluja, kuten verkkokauppa-alustoja, pankkipalveluja ja kulutuselektroniikkaa. Kaiken yleis\u00f6lle tarkoitetun digitaalisen sis\u00e4ll\u00f6n tulisi noudattaa WCAG-ohjeita, jotta vammaiset henkil\u00f6t voivat k\u00e4ytt\u00e4\u00e4 sit\u00e4.<\/p>\nWCAG:iin ja siihen liittyviin standardeihin viittaavat lait kattavat erilaisia digitaalisia k\u00e4ytt\u00f6kokemuksia. Esimerkiksi DOJ:n ADA Title II -s\u00e4\u00e4nt\u00f6 koskee nimenomaisesti osavaltioiden ja paikallishallintojen tarjoamaa verkko- ja mobiilisis\u00e4lt\u00f6\u00e4, mukaan lukien digitaaliset asiakirjat. European Accessibility Act koskee monia kuluttajatuotteita ja -palveluja, kuten verkkokauppa-alustoja, pankkipalveluja ja kulutuselektroniikkaa. Kaiken yleis\u00f6lle tarkoitetun digitaalisen sis\u00e4ll\u00f6n tulisi noudattaa WCAG-ohjeita, jotta vammaiset henkil\u00f6t voivat k\u00e4ytt\u00e4\u00e4 sit\u00e4.<\/p>\nKenen on noudatettava WCAG-vaatimuksia?<\/strong><\/h3>\nL\u00e4hes kaikkien digitaalisen l\u00e4sn\u00e4olon omaavien organisaatioiden tulisi noudattaa WCAG-vaatimuksia. Oikeudelliset vaatimukset vaihtelevat toimialoittain, mutta saavutettavuus hy\u00f6dytt\u00e4\u00e4 kaikkia yrityksi\u00e4.<\/p>\n\n\n\n\nOrganisaatiotyyppi<\/th>\nOikeudellinen vaatimus<\/th>\nMiksi vaatimuksia kannattaa noudattaa<\/th>\n<\/tr>\n<\/thead>\n\n\nLiittovaltion virastot<\/td>\nSection 508 (pakollinen)<\/td>\nLakis\u00e4\u00e4teinen vaatimus<\/td>\n<\/tr>\n\nOsavaltioiden ja paikallishallintojen organisaatiot<\/td>\nADA Title II (pakollinen)<\/td>\nM\u00e4\u00e4r\u00e4aika huhtikuussa 2026<\/td>\n<\/tr>\n\nYksityiset yritykset<\/td>\nADA Title III (tuomioistuinten valvoma)<\/td>\nOikeusjuttujen ehk\u00e4iseminen<\/td>\n<\/tr>\n\nVerkkokauppasivustot<\/td>\nEAA EU:ssa (pakollinen)<\/td>\nP\u00e4\u00e4sy markkinoille<\/td>\n<\/tr>\n\nTerveydenhuollon palveluntarjoajat<\/td>\nADA + Section 504<\/td>\nPotilaiden p\u00e4\u00e4sy palveluihin<\/td>\n<\/tr>\n\nOppilaitokset<\/td>\nADA + Section 504<\/td>\nOpiskelijoiden p\u00e4\u00e4sy palveluihin<\/td>\n<\/tr>\n\nVoittoa tavoittelemattomat organisaatiot<\/td>\nADA:ta sovelletaan<\/td>\nKaikkien kohderyhmien palveleminen<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\u00a0<\/p>\nVaikka erityist\u00e4 oikeudellista velvoitetta ei olisi, verkkosivustojen omistajat hy\u00f6tyv\u00e4t WCAG-vaatimustenmukaisuudesta. Saavutettavat verkkosivustot tavoittavat enemm\u00e4n k\u00e4ytt\u00e4ji\u00e4, menestyv\u00e4t paremmin hakutuloksissa ja v\u00e4hent\u00e4v\u00e4t oikeudellisia riskej\u00e4. Yli miljardilla ihmisell\u00e4<\/strong>\u00a0 maailmassa on jokin vamma, joten verkkosivustojen saavutettavuus laajentaa potentiaalista yleis\u00f6\u00e4 merkitt\u00e4v\u00e4sti.<\/p>\nOnko WCAG lakis\u00e4\u00e4teinen vaatimus Yhdysvalloissa?<\/strong><\/h3>\nKyll\u00e4, useimmille organisaatioille.<\/strong>\u00a0 WCAG 2.1 taso AA on k\u00e4yt\u00e4nn\u00f6ss\u00e4 verkkosaavutettavuuden standardi useiden Yhdysvaltojen lakien nojalla, ja tuomioistuimet k\u00e4ytt\u00e4v\u00e4t WCAG:ia johdonmukaisesti saavutettavuusvaatimusten arviointiperusteena.<\/p>\nDOJ:n \u00a0ADA Title II Final Rule<\/strong>\u00a0 otti virallisesti k\u00e4ytt\u00f6\u00f6n WCAG 2.1 tason AA kaikille osavaltioiden ja paikallishallintojen organisaatioille. T\u00e4m\u00e4 kattaa hallinnon verkkosivustot, mobiilisovellukset, digitaaliset asiakirjat ja verkkopalvelut.<\/p>\n<\/figure>\n\n\n\n\nOrganisaatiotyyppi<\/th>\nV\u00e4est\u00f6m\u00e4\u00e4r\u00e4<\/th>\nVaatimusten m\u00e4\u00e4r\u00e4aika<\/th>\n<\/tr>\n<\/thead>\n\n\nSuuret julkiset organisaatiot<\/td>\nV\u00e4hint\u00e4\u00e4n 50 000 asukasta<\/td>\n24. huhtikuuta 2026<\/td>\n<\/tr>\n\nPienet julkiset organisaatiot<\/td>\nAlle 50 000 asukasta<\/td>\n26. huhtikuuta 2027<\/td>\n<\/tr>\n\nErityisalueiden hallinnot<\/td>\nMik\u00e4 tahansa koko<\/td>\n26. huhtikuuta 2027<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/figure>\nYksityisten yritysten osalta \u00a0Americans with Disabilities Act -lain Title III<\/strong>\u00a0 edellytt\u00e4\u00e4 verkkosivustojen saavutettavuutta tuomioistuinten ratkaisujen ja DOJ:n sovintosopimusten perusteella. \u00a0Section 508<\/strong>\u00a0 Rehabilitation Act -laissa edellytt\u00e4\u00e4 nimenomaisesti, ett\u00e4 liittovaltion virastot ja niiden sopimuskumppanit noudattavat WCAG-vaatimuksia.<\/p>\nDigitaalista saavutettavuutta koskevat oikeusjutut ovat edelleen yleisi\u00e4. Automaattiset ty\u00f6kalut mahdollistavat valitusten tuottamisen laajassa mittakaavassa, joten mik\u00e4 tahansa saavutettavuusongelmia sis\u00e4lt\u00e4v\u00e4 yritys voi joutua kohteeksi.<\/p>\nMitk\u00e4 saavutettavuuslait edellytt\u00e4v\u00e4t WCAG-vaatimusten noudattamista?<\/strong><\/h3>\nDigitaalista saavutettavuutta koskevassa lains\u00e4\u00e4d\u00e4nn\u00f6ss\u00e4 eri puolilla maailmaa viitataan WCAG:iin teknisen\u00e4 vaatimustenmukaisuusstandardina. WCAG-vaatimusten t\u00e4ytt\u00e4minen t\u00e4ytt\u00e4\u00e4 useimpien saavutettavuuss\u00e4\u00e4d\u00f6sten vaatimukset.<\/p>\n\n\n\n\nLaki \/ m\u00e4\u00e4r\u00e4ys<\/th>\nMaantieteellinen soveltamisala<\/th>\nVaadittu WCAG-standardi<\/th>\nVaatimusten m\u00e4\u00e4r\u00e4aika<\/th>\n<\/tr>\n<\/thead>\n\n\nADA Title II (DOJ:n s\u00e4\u00e4nt\u00f6)<\/td>\nYhdysvaltojen osavaltio- ja paikallishallinnot<\/td>\nWCAG 2.1 AA<\/td>\nHuhtikuu 2026 \/ 2027<\/td>\n<\/tr>\n\nADA Title III<\/td>\nYhdysvaltojen yksityiset yritykset<\/td>\nWCAG 2.1 AA (tuomioistuinten k\u00e4ytt\u00e4m\u00e4 tosiasiallinen standardi)<\/td>\nJatkuva<\/td>\n<\/tr>\n\nSection 508<\/td>\nYhdysvaltojen liittovaltion virastot<\/td>\nWCAG 2.0 AA<\/td>\nVoimassa<\/td>\n<\/tr>\n\nEuropean Accessibility Act<\/td>\nEU-kuluttajia palvelevat yritykset<\/td>\nEN 301 549 (sis\u00e4lt\u00e4\u00e4 WCAG 2.1 AA:n)<\/td>\n28. kes\u00e4kuuta 2025<\/td>\n<\/tr>\n\nAODA<\/td>\nOntario, Kanada<\/td>\nWCAG 2.0 AA<\/td>\nVoimassa<\/td>\n<\/tr>\n\nEuropean Web Accessibility Directive<\/td>\nEuroopan unionin julkinen sektori<\/td>\nEN 301 549 (sis\u00e4lt\u00e4\u00e4 WCAG 2.1 AA:n)<\/td>\nVoimassa<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/figure>\nEuropean Accessibility Act (EAA) tuli t\u00e4yt\u00e4nt\u00f6\u00f6npanokelpoiseksi \u00a028. kes\u00e4kuuta 2025<\/strong>, ja se edellytt\u00e4\u00e4 WCAG-vaatimusten noudattamista monilta yrityksilt\u00e4, jotka myyv\u00e4t digitaalisia tuotteita tai palveluja EU-asiakkaille. Seuraamukset vaihtelevat j\u00e4senvaltioittain: sakot voivat olla \u00a0100 000 euroa Saksassa<\/strong>\u00a0 ja \u00a0250 000 euroa Ranskassa<\/strong>. Vaatimustenvastaiset tuotteet voidaan poistaa markkinoilta kokonaan.<\/p>\nMitk\u00e4 ovat WCAG:n nelj\u00e4 periaatetta?<\/strong><\/h3>\nWCAG:n nelj\u00e4 periaatetta, joista k\u00e4ytet\u00e4\u00e4n lyhennett\u00e4 \u00a0POUR<\/strong>, ovat havaittava, hallittava, ymm\u00e4rrett\u00e4v\u00e4 ja toimintavarma. N\u00e4m\u00e4 periaatteet ohjaavat kaikkia WCAG:n onnistumiskriteerej\u00e4 ja m\u00e4\u00e4rittelev\u00e4t, mit\u00e4 verkkosis\u00e4ll\u00f6n saavutettavuus tarkoittaa.<\/p>\n\n\n\n\nPeriaate<\/th>\nMit\u00e4 se tarkoittaa<\/th>\nEsimerkkivaatimus<\/th>\n<\/tr>\n<\/thead>\n\n\nHavaittava<\/td>\nK\u00e4ytt\u00e4jien on voitava havaita sis\u00e4lt\u00f6 v\u00e4hint\u00e4\u00e4n yhden aistin avulla.<\/td>\nTarjoa kuville tekstivastineet ja lis\u00e4\u00e4 videoihin tekstitykset.<\/td>\n<\/tr>\n\nHallittava<\/td>\nK\u00e4ytt\u00e4jien on voitava k\u00e4ytt\u00e4\u00e4 k\u00e4ytt\u00f6liittym\u00e4\u00e4.<\/td>\nMahdollista n\u00e4pp\u00e4imist\u00f6k\u00e4ytt\u00f6 ja anna riitt\u00e4v\u00e4sti aikaa sis\u00e4ll\u00f6n lukemiseen.<\/td>\n<\/tr>\n\nYmm\u00e4rrett\u00e4v\u00e4<\/td>\nK\u00e4ytt\u00e4jien on ymm\u00e4rrett\u00e4v\u00e4 sis\u00e4lt\u00f6 ja sen k\u00e4ytt\u00e4minen.<\/td>\nK\u00e4yt\u00e4 selke\u00e4\u00e4 kielt\u00e4 ja tee navigoinnista ennakoitavaa.<\/td>\n<\/tr>\n\nToimintavarma<\/td>\nSis\u00e4ll\u00f6n on toimittava nykyisten ja tulevien k\u00e4ytt\u00e4j\u00e4agenttien kanssa.<\/td>\nK\u00e4yt\u00e4 kelvollista koodia ja varmista yhteensopivuus avustavan teknologian kanssa.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/figure>\nMitk\u00e4 ovat WCAG:n 13 ohjetta?<\/strong><\/h3>\nWCAG:n nelj\u00e4 periaatetta sis\u00e4lt\u00e4v\u00e4t \u00a013 ohjetta<\/strong>\u00a0, jotka m\u00e4\u00e4rittelev\u00e4t verkkosaavutettavuuden erityiset tavoitteet. Jokaisella ohjeella on testattavat onnistumiskriteerit kolmella WCAG-vaatimustenmukaisuustasolla: A, AA ja AAA.<\/p>\nHavaittavuutta koskevat ohjeet<\/strong><\/h3>\n1.1 Tekstivastineet<\/strong>\u00a0 \u2014 Tarjoa tekstivastineet muulle kuin tekstimuotoiselle sis\u00e4ll\u00f6lle. T\u00e4m\u00e4 sis\u00e4lt\u00e4\u00e4 kuvien alt-tekstit, lomakekenttien selitteet ja kuvakkeiden kuvaukset. Tekstivastineiden avulla n\u00e4yt\u00f6nlukijan k\u00e4ytt\u00e4j\u00e4t ymm\u00e4rt\u00e4v\u00e4t sis\u00e4ll\u00f6n, jota he eiv\u00e4t voi n\u00e4hd\u00e4.<\/p>\n1.2 Aikasidonnainen media<\/strong>\u00a0 \u2014 Tarjoa vaihtoehtoja \u00e4\u00e4ni- ja videosis\u00e4ll\u00f6lle. N\u00e4it\u00e4 ovat videoiden tekstitykset, \u00e4\u00e4nitiedostojen tekstimuotoiset versiot ja visuaalisen sis\u00e4ll\u00f6n kuvailutulkkaus.<\/p>\n1.3 Mukautettava<\/strong>\u00a0 \u2014 Luo sis\u00e4lt\u00f6\u00e4, joka voidaan esitt\u00e4\u00e4 eri tavoilla tietojen tai rakenteen katoamatta. Verkkosivujen merkityksen tulee s\u00e4ily\u00e4, kun k\u00e4ytt\u00e4j\u00e4t muuttavat n\u00e4ytt\u00f6asetuksia tai k\u00e4ytt\u00e4v\u00e4t avustavaa teknologiaa.<\/p>\n1.4 Erottuva<\/strong>\u00a0 \u2014 Tee sis\u00e4ll\u00f6st\u00e4 helposti n\u00e4ht\u00e4v\u00e4\u00e4 ja kuultavaa. T\u00e4h\u00e4n kuuluvat riitt\u00e4v\u00e4 v\u00e4rikontrasti, tekstin koon muuttaminen ja \u00e4\u00e4nenhallinta. Heikkon\u00e4k\u00f6iset tai kuulovammaiset k\u00e4ytt\u00e4j\u00e4t ovat riippuvaisia n\u00e4ist\u00e4 ominaisuuksista.<\/p>\nHallittavuutta koskevat ohjeet<\/strong><\/h3>\n2.1 K\u00e4ytett\u00e4viss\u00e4 n\u00e4pp\u00e4imist\u00f6ll\u00e4<\/strong>\u00a0 \u2014 Tee kaikki toiminnot k\u00e4ytett\u00e4viksi n\u00e4pp\u00e4imist\u00f6ll\u00e4. K\u00e4ytt\u00e4jien, jotka eiv\u00e4t voi k\u00e4ytt\u00e4\u00e4 hiirt\u00e4, on voitava liikkua verkkosis\u00e4ll\u00f6ss\u00e4 pelk\u00e4n n\u00e4pp\u00e4imist\u00f6n avulla.<\/p>\n2.2 Riitt\u00e4v\u00e4sti aikaa<\/strong>\u00a0 \u2014 Anna k\u00e4ytt\u00e4jille riitt\u00e4v\u00e4sti aikaa sis\u00e4ll\u00f6n lukemiseen ja k\u00e4ytt\u00e4miseen. V\u00e4lt\u00e4 tiukkoja aikarajoja tai tarjoa mahdollisuus pident\u00e4\u00e4 niit\u00e4.<\/p>\n2.3 Sairauskohtaukset ja fyysiset reaktiot<\/strong>\u00a0 \u2014 \u00c4l\u00e4 suunnittele sis\u00e4lt\u00f6\u00e4, joka voi aiheuttaa sairauskohtauksia. V\u00e4lt\u00e4 vilkkuvaa sis\u00e4lt\u00f6\u00e4, joka voi laukaista valoherk\u00e4n epilepsian.<\/p>\n2.4 Navigoitava<\/strong>\u00a0 \u2014 Auta k\u00e4ytt\u00e4ji\u00e4 liikkumaan ja l\u00f6yt\u00e4m\u00e4\u00e4n sis\u00e4lt\u00f6\u00e4. K\u00e4yt\u00e4 selkeit\u00e4 otsikoita, kuvaavia linkkitekstej\u00e4 ja loogista kohdistusj\u00e4rjestyst\u00e4.<\/p>\n2.5 Sy\u00f6tetavat<\/strong>\u00a0 \u2014 Tue n\u00e4pp\u00e4imist\u00f6n ja hiiren lis\u00e4ksi muita sy\u00f6tt\u00f6tapoja. K\u00e4ytt\u00e4j\u00e4t voivat k\u00e4ytt\u00e4\u00e4 kosketusn\u00e4ytt\u00f6j\u00e4, \u00e4\u00e4nikomentoja tai kytkinohjausta.<\/p>\nYmm\u00e4rrett\u00e4vyytt\u00e4 koskevat ohjeet<\/h3>\n3.1 Luettava<\/strong>\u00a0 \u2014 Tee tekstist\u00e4 luettavaa ja ymm\u00e4rrett\u00e4v\u00e4\u00e4. K\u00e4yt\u00e4 selke\u00e4\u00e4 kielt\u00e4 ja m\u00e4\u00e4rittele ep\u00e4tavalliset termit tai lyhenteet.<\/p>\n3.2 Ennakoitava<\/strong>\u00a0 \u2014 Tee verkkosivujen ulkoasusta ja toiminnasta ennakoitavaa. Yhdenmukainen navigointi ja toiminnallisuus auttavat kaikkia k\u00e4ytt\u00e4ji\u00e4.<\/p>\n3.3 Sy\u00f6tteen avustaminen<\/strong>\u00a0 \u2014 Auta k\u00e4ytt\u00e4ji\u00e4 v\u00e4ltt\u00e4m\u00e4\u00e4n ja korjaamaan virheit\u00e4. Tarjoa lomakkeissa selke\u00e4t virheilmoitukset ja ohjeet.<\/p>\nToimintavarmuutta koskevat ohjeet<\/strong><\/h3>\n4.1 Yhteensopiva<\/strong>\u00a0 \u2014 Maksimoi yhteensopivuus nykyisten ja tulevien k\u00e4ytt\u00e4j\u00e4agenttien, mukaan lukien avustavien teknologioiden, kanssa. K\u00e4yt\u00e4 kelvollista koodia ja noudata verkkostandardeja, jotta sis\u00e4lt\u00f6 toimii luotettavasti eri selaimissa ja laitteissa.<\/p>\nMitk\u00e4 ovat WCAG:n kolme vaatimustenmukaisuustasoa?<\/strong><\/h3>\nWCAG:ssa on kolme vaatimustenmukaisuustasoa \u2014 taso A, taso AA ja taso AAA<\/strong> \u2014 jotka m\u00e4\u00e4rittelev\u00e4t kasvavat saavutettavuusvaatimukset. Taso AA on useimpien saavutettavuusvaatimusten oikeudellinen standardi.<\/p>\n\n\n\n\nTaso<\/th>\nKuvaus<\/th>\nOnnistumiskriteerit<\/th>\nOikeudellinen asema<\/th>\n<\/tr>\n<\/thead>\n\n\nTaso A<\/td>\nV\u00e4himm\u00e4issaavutettavuus \u2014 ratkaisee kaikkein kriittisimm\u00e4t saavutettavuusesteet.<\/td>\n30 kriteeri\u00e4<\/td>\nVaaditaan vaatimustenmukaisuuteen<\/td>\n<\/tr>\n\nTaso AA<\/td>\nTavanomainen saavutettavuus \u2014 poistaa esteit\u00e4 useimmilta vammaisilta henkil\u00f6ilt\u00e4.<\/td>\n20 lis\u00e4kriteeri\u00e4<\/td>\nUseimpien lakien edellytt\u00e4m\u00e4<\/td>\n<\/tr>\n\nTaso AAA<\/td>\nKorkein saavutettavuustaso \u2014 tarjoaa parannetun saavutettavuuden, mutta sit\u00e4 ei aina voida saavuttaa.<\/td>\n28 lis\u00e4kriteeri\u00e4<\/td>\nTavoitteellinen; ei lakis\u00e4\u00e4teinen<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/figure>\nJokainen taso perustuu edelliseen. Tason AA saavuttamiseksi kaikkien tason A kriteerien on ensin t\u00e4ytytt\u00e4v\u00e4. Vaatimustenmukaisuustasot auttavat verkkosivustojen omistajia priorisoimaan saavutettavuustoimia ja ymm\u00e4rt\u00e4m\u00e4\u00e4n velvoitteensa.<\/p>\nUseimpien saavutettavuuslakien mukaista WCAG-vaatimustenmukaisuutta varten organisaatioiden on t\u00e4ytett\u00e4v\u00e4 kaikki WCAG-tason A ja AA onnistumiskriteerit.<\/strong>\u00a0 Tason AAA vaatimustenmukaisuus on valinnainen, koska joitakin kriteerej\u00e4 ei voida t\u00e4ytt\u00e4\u00e4 kaikille sis\u00e4lt\u00f6tyypeille.<\/p>\nMiten onnistumiskriteerit eroavat tasoittain<\/strong><\/h3>\nSamalla ohjeella voi olla onnistumiskriteerej\u00e4 eri tasoilla. Seuraava esimerkki koskee videoiden saavutettavuusvaatimuksia:<\/p>\n<\/figure>\n
WCAG:iin ja siihen liittyviin standardeihin viittaavat lait kattavat erilaisia digitaalisia k\u00e4ytt\u00f6kokemuksia. Esimerkiksi DOJ:n ADA Title II -s\u00e4\u00e4nt\u00f6 koskee nimenomaisesti osavaltioiden ja paikallishallintojen tarjoamaa verkko- ja mobiilisis\u00e4lt\u00f6\u00e4, mukaan lukien digitaaliset asiakirjat. European Accessibility Act koskee monia kuluttajatuotteita ja -palveluja, kuten verkkokauppa-alustoja, pankkipalveluja ja kulutuselektroniikkaa. Kaiken yleis\u00f6lle tarkoitetun digitaalisen sis\u00e4ll\u00f6n tulisi noudattaa WCAG-ohjeita, jotta vammaiset henkil\u00f6t voivat k\u00e4ytt\u00e4\u00e4 sit\u00e4.<\/p>\n
L\u00e4hes kaikkien digitaalisen l\u00e4sn\u00e4olon omaavien organisaatioiden tulisi noudattaa WCAG-vaatimuksia. Oikeudelliset vaatimukset vaihtelevat toimialoittain, mutta saavutettavuus hy\u00f6dytt\u00e4\u00e4 kaikkia yrityksi\u00e4.<\/p>\n\n\n\n\nOrganisaatiotyyppi<\/th>\nOikeudellinen vaatimus<\/th>\nMiksi vaatimuksia kannattaa noudattaa<\/th>\n<\/tr>\n<\/thead>\n\n\nLiittovaltion virastot<\/td>\nSection 508 (pakollinen)<\/td>\nLakis\u00e4\u00e4teinen vaatimus<\/td>\n<\/tr>\n\nOsavaltioiden ja paikallishallintojen organisaatiot<\/td>\nADA Title II (pakollinen)<\/td>\nM\u00e4\u00e4r\u00e4aika huhtikuussa 2026<\/td>\n<\/tr>\n\nYksityiset yritykset<\/td>\nADA Title III (tuomioistuinten valvoma)<\/td>\nOikeusjuttujen ehk\u00e4iseminen<\/td>\n<\/tr>\n\nVerkkokauppasivustot<\/td>\nEAA EU:ssa (pakollinen)<\/td>\nP\u00e4\u00e4sy markkinoille<\/td>\n<\/tr>\n\nTerveydenhuollon palveluntarjoajat<\/td>\nADA + Section 504<\/td>\nPotilaiden p\u00e4\u00e4sy palveluihin<\/td>\n<\/tr>\n\nOppilaitokset<\/td>\nADA + Section 504<\/td>\nOpiskelijoiden p\u00e4\u00e4sy palveluihin<\/td>\n<\/tr>\n\nVoittoa tavoittelemattomat organisaatiot<\/td>\nADA:ta sovelletaan<\/td>\nKaikkien kohderyhmien palveleminen<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\u00a0<\/p>\nVaikka erityist\u00e4 oikeudellista velvoitetta ei olisi, verkkosivustojen omistajat hy\u00f6tyv\u00e4t WCAG-vaatimustenmukaisuudesta. Saavutettavat verkkosivustot tavoittavat enemm\u00e4n k\u00e4ytt\u00e4ji\u00e4, menestyv\u00e4t paremmin hakutuloksissa ja v\u00e4hent\u00e4v\u00e4t oikeudellisia riskej\u00e4. Yli miljardilla ihmisell\u00e4<\/strong>\u00a0 maailmassa on jokin vamma, joten verkkosivustojen saavutettavuus laajentaa potentiaalista yleis\u00f6\u00e4 merkitt\u00e4v\u00e4sti.<\/p>\nOnko WCAG lakis\u00e4\u00e4teinen vaatimus Yhdysvalloissa?<\/strong><\/h3>\nKyll\u00e4, useimmille organisaatioille.<\/strong>\u00a0 WCAG 2.1 taso AA on k\u00e4yt\u00e4nn\u00f6ss\u00e4 verkkosaavutettavuuden standardi useiden Yhdysvaltojen lakien nojalla, ja tuomioistuimet k\u00e4ytt\u00e4v\u00e4t WCAG:ia johdonmukaisesti saavutettavuusvaatimusten arviointiperusteena.<\/p>\nDOJ:n \u00a0ADA Title II Final Rule<\/strong>\u00a0 otti virallisesti k\u00e4ytt\u00f6\u00f6n WCAG 2.1 tason AA kaikille osavaltioiden ja paikallishallintojen organisaatioille. T\u00e4m\u00e4 kattaa hallinnon verkkosivustot, mobiilisovellukset, digitaaliset asiakirjat ja verkkopalvelut.<\/p>\n<\/figure>\n\n\n\n\nOrganisaatiotyyppi<\/th>\nV\u00e4est\u00f6m\u00e4\u00e4r\u00e4<\/th>\nVaatimusten m\u00e4\u00e4r\u00e4aika<\/th>\n<\/tr>\n<\/thead>\n\n\nSuuret julkiset organisaatiot<\/td>\nV\u00e4hint\u00e4\u00e4n 50 000 asukasta<\/td>\n24. huhtikuuta 2026<\/td>\n<\/tr>\n\nPienet julkiset organisaatiot<\/td>\nAlle 50 000 asukasta<\/td>\n26. huhtikuuta 2027<\/td>\n<\/tr>\n\nErityisalueiden hallinnot<\/td>\nMik\u00e4 tahansa koko<\/td>\n26. huhtikuuta 2027<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/figure>\nYksityisten yritysten osalta \u00a0Americans with Disabilities Act -lain Title III<\/strong>\u00a0 edellytt\u00e4\u00e4 verkkosivustojen saavutettavuutta tuomioistuinten ratkaisujen ja DOJ:n sovintosopimusten perusteella. \u00a0Section 508<\/strong>\u00a0 Rehabilitation Act -laissa edellytt\u00e4\u00e4 nimenomaisesti, ett\u00e4 liittovaltion virastot ja niiden sopimuskumppanit noudattavat WCAG-vaatimuksia.<\/p>\nDigitaalista saavutettavuutta koskevat oikeusjutut ovat edelleen yleisi\u00e4. Automaattiset ty\u00f6kalut mahdollistavat valitusten tuottamisen laajassa mittakaavassa, joten mik\u00e4 tahansa saavutettavuusongelmia sis\u00e4lt\u00e4v\u00e4 yritys voi joutua kohteeksi.<\/p>\nMitk\u00e4 saavutettavuuslait edellytt\u00e4v\u00e4t WCAG-vaatimusten noudattamista?<\/strong><\/h3>\nDigitaalista saavutettavuutta koskevassa lains\u00e4\u00e4d\u00e4nn\u00f6ss\u00e4 eri puolilla maailmaa viitataan WCAG:iin teknisen\u00e4 vaatimustenmukaisuusstandardina. WCAG-vaatimusten t\u00e4ytt\u00e4minen t\u00e4ytt\u00e4\u00e4 useimpien saavutettavuuss\u00e4\u00e4d\u00f6sten vaatimukset.<\/p>\n\n\n\n\nLaki \/ m\u00e4\u00e4r\u00e4ys<\/th>\nMaantieteellinen soveltamisala<\/th>\nVaadittu WCAG-standardi<\/th>\nVaatimusten m\u00e4\u00e4r\u00e4aika<\/th>\n<\/tr>\n<\/thead>\n\n\nADA Title II (DOJ:n s\u00e4\u00e4nt\u00f6)<\/td>\nYhdysvaltojen osavaltio- ja paikallishallinnot<\/td>\nWCAG 2.1 AA<\/td>\nHuhtikuu 2026 \/ 2027<\/td>\n<\/tr>\n\nADA Title III<\/td>\nYhdysvaltojen yksityiset yritykset<\/td>\nWCAG 2.1 AA (tuomioistuinten k\u00e4ytt\u00e4m\u00e4 tosiasiallinen standardi)<\/td>\nJatkuva<\/td>\n<\/tr>\n\nSection 508<\/td>\nYhdysvaltojen liittovaltion virastot<\/td>\nWCAG 2.0 AA<\/td>\nVoimassa<\/td>\n<\/tr>\n\nEuropean Accessibility Act<\/td>\nEU-kuluttajia palvelevat yritykset<\/td>\nEN 301 549 (sis\u00e4lt\u00e4\u00e4 WCAG 2.1 AA:n)<\/td>\n28. kes\u00e4kuuta 2025<\/td>\n<\/tr>\n\nAODA<\/td>\nOntario, Kanada<\/td>\nWCAG 2.0 AA<\/td>\nVoimassa<\/td>\n<\/tr>\n\nEuropean Web Accessibility Directive<\/td>\nEuroopan unionin julkinen sektori<\/td>\nEN 301 549 (sis\u00e4lt\u00e4\u00e4 WCAG 2.1 AA:n)<\/td>\nVoimassa<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/figure>\nEuropean Accessibility Act (EAA) tuli t\u00e4yt\u00e4nt\u00f6\u00f6npanokelpoiseksi \u00a028. kes\u00e4kuuta 2025<\/strong>, ja se edellytt\u00e4\u00e4 WCAG-vaatimusten noudattamista monilta yrityksilt\u00e4, jotka myyv\u00e4t digitaalisia tuotteita tai palveluja EU-asiakkaille. Seuraamukset vaihtelevat j\u00e4senvaltioittain: sakot voivat olla \u00a0100 000 euroa Saksassa<\/strong>\u00a0 ja \u00a0250 000 euroa Ranskassa<\/strong>. Vaatimustenvastaiset tuotteet voidaan poistaa markkinoilta kokonaan.<\/p>\nMitk\u00e4 ovat WCAG:n nelj\u00e4 periaatetta?<\/strong><\/h3>\nWCAG:n nelj\u00e4 periaatetta, joista k\u00e4ytet\u00e4\u00e4n lyhennett\u00e4 \u00a0POUR<\/strong>, ovat havaittava, hallittava, ymm\u00e4rrett\u00e4v\u00e4 ja toimintavarma. N\u00e4m\u00e4 periaatteet ohjaavat kaikkia WCAG:n onnistumiskriteerej\u00e4 ja m\u00e4\u00e4rittelev\u00e4t, mit\u00e4 verkkosis\u00e4ll\u00f6n saavutettavuus tarkoittaa.<\/p>\n\n\n\n\nPeriaate<\/th>\nMit\u00e4 se tarkoittaa<\/th>\nEsimerkkivaatimus<\/th>\n<\/tr>\n<\/thead>\n\n\nHavaittava<\/td>\nK\u00e4ytt\u00e4jien on voitava havaita sis\u00e4lt\u00f6 v\u00e4hint\u00e4\u00e4n yhden aistin avulla.<\/td>\nTarjoa kuville tekstivastineet ja lis\u00e4\u00e4 videoihin tekstitykset.<\/td>\n<\/tr>\n\nHallittava<\/td>\nK\u00e4ytt\u00e4jien on voitava k\u00e4ytt\u00e4\u00e4 k\u00e4ytt\u00f6liittym\u00e4\u00e4.<\/td>\nMahdollista n\u00e4pp\u00e4imist\u00f6k\u00e4ytt\u00f6 ja anna riitt\u00e4v\u00e4sti aikaa sis\u00e4ll\u00f6n lukemiseen.<\/td>\n<\/tr>\n\nYmm\u00e4rrett\u00e4v\u00e4<\/td>\nK\u00e4ytt\u00e4jien on ymm\u00e4rrett\u00e4v\u00e4 sis\u00e4lt\u00f6 ja sen k\u00e4ytt\u00e4minen.<\/td>\nK\u00e4yt\u00e4 selke\u00e4\u00e4 kielt\u00e4 ja tee navigoinnista ennakoitavaa.<\/td>\n<\/tr>\n\nToimintavarma<\/td>\nSis\u00e4ll\u00f6n on toimittava nykyisten ja tulevien k\u00e4ytt\u00e4j\u00e4agenttien kanssa.<\/td>\nK\u00e4yt\u00e4 kelvollista koodia ja varmista yhteensopivuus avustavan teknologian kanssa.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/figure>\nMitk\u00e4 ovat WCAG:n 13 ohjetta?<\/strong><\/h3>\nWCAG:n nelj\u00e4 periaatetta sis\u00e4lt\u00e4v\u00e4t \u00a013 ohjetta<\/strong>\u00a0, jotka m\u00e4\u00e4rittelev\u00e4t verkkosaavutettavuuden erityiset tavoitteet. Jokaisella ohjeella on testattavat onnistumiskriteerit kolmella WCAG-vaatimustenmukaisuustasolla: A, AA ja AAA.<\/p>\nHavaittavuutta koskevat ohjeet<\/strong><\/h3>\n1.1 Tekstivastineet<\/strong>\u00a0 \u2014 Tarjoa tekstivastineet muulle kuin tekstimuotoiselle sis\u00e4ll\u00f6lle. T\u00e4m\u00e4 sis\u00e4lt\u00e4\u00e4 kuvien alt-tekstit, lomakekenttien selitteet ja kuvakkeiden kuvaukset. Tekstivastineiden avulla n\u00e4yt\u00f6nlukijan k\u00e4ytt\u00e4j\u00e4t ymm\u00e4rt\u00e4v\u00e4t sis\u00e4ll\u00f6n, jota he eiv\u00e4t voi n\u00e4hd\u00e4.<\/p>\n1.2 Aikasidonnainen media<\/strong>\u00a0 \u2014 Tarjoa vaihtoehtoja \u00e4\u00e4ni- ja videosis\u00e4ll\u00f6lle. N\u00e4it\u00e4 ovat videoiden tekstitykset, \u00e4\u00e4nitiedostojen tekstimuotoiset versiot ja visuaalisen sis\u00e4ll\u00f6n kuvailutulkkaus.<\/p>\n1.3 Mukautettava<\/strong>\u00a0 \u2014 Luo sis\u00e4lt\u00f6\u00e4, joka voidaan esitt\u00e4\u00e4 eri tavoilla tietojen tai rakenteen katoamatta. Verkkosivujen merkityksen tulee s\u00e4ily\u00e4, kun k\u00e4ytt\u00e4j\u00e4t muuttavat n\u00e4ytt\u00f6asetuksia tai k\u00e4ytt\u00e4v\u00e4t avustavaa teknologiaa.<\/p>\n1.4 Erottuva<\/strong>\u00a0 \u2014 Tee sis\u00e4ll\u00f6st\u00e4 helposti n\u00e4ht\u00e4v\u00e4\u00e4 ja kuultavaa. T\u00e4h\u00e4n kuuluvat riitt\u00e4v\u00e4 v\u00e4rikontrasti, tekstin koon muuttaminen ja \u00e4\u00e4nenhallinta. Heikkon\u00e4k\u00f6iset tai kuulovammaiset k\u00e4ytt\u00e4j\u00e4t ovat riippuvaisia n\u00e4ist\u00e4 ominaisuuksista.<\/p>\nHallittavuutta koskevat ohjeet<\/strong><\/h3>\n2.1 K\u00e4ytett\u00e4viss\u00e4 n\u00e4pp\u00e4imist\u00f6ll\u00e4<\/strong>\u00a0 \u2014 Tee kaikki toiminnot k\u00e4ytett\u00e4viksi n\u00e4pp\u00e4imist\u00f6ll\u00e4. K\u00e4ytt\u00e4jien, jotka eiv\u00e4t voi k\u00e4ytt\u00e4\u00e4 hiirt\u00e4, on voitava liikkua verkkosis\u00e4ll\u00f6ss\u00e4 pelk\u00e4n n\u00e4pp\u00e4imist\u00f6n avulla.<\/p>\n2.2 Riitt\u00e4v\u00e4sti aikaa<\/strong>\u00a0 \u2014 Anna k\u00e4ytt\u00e4jille riitt\u00e4v\u00e4sti aikaa sis\u00e4ll\u00f6n lukemiseen ja k\u00e4ytt\u00e4miseen. V\u00e4lt\u00e4 tiukkoja aikarajoja tai tarjoa mahdollisuus pident\u00e4\u00e4 niit\u00e4.<\/p>\n2.3 Sairauskohtaukset ja fyysiset reaktiot<\/strong>\u00a0 \u2014 \u00c4l\u00e4 suunnittele sis\u00e4lt\u00f6\u00e4, joka voi aiheuttaa sairauskohtauksia. V\u00e4lt\u00e4 vilkkuvaa sis\u00e4lt\u00f6\u00e4, joka voi laukaista valoherk\u00e4n epilepsian.<\/p>\n2.4 Navigoitava<\/strong>\u00a0 \u2014 Auta k\u00e4ytt\u00e4ji\u00e4 liikkumaan ja l\u00f6yt\u00e4m\u00e4\u00e4n sis\u00e4lt\u00f6\u00e4. K\u00e4yt\u00e4 selkeit\u00e4 otsikoita, kuvaavia linkkitekstej\u00e4 ja loogista kohdistusj\u00e4rjestyst\u00e4.<\/p>\n2.5 Sy\u00f6tetavat<\/strong>\u00a0 \u2014 Tue n\u00e4pp\u00e4imist\u00f6n ja hiiren lis\u00e4ksi muita sy\u00f6tt\u00f6tapoja. K\u00e4ytt\u00e4j\u00e4t voivat k\u00e4ytt\u00e4\u00e4 kosketusn\u00e4ytt\u00f6j\u00e4, \u00e4\u00e4nikomentoja tai kytkinohjausta.<\/p>\nYmm\u00e4rrett\u00e4vyytt\u00e4 koskevat ohjeet<\/h3>\n3.1 Luettava<\/strong>\u00a0 \u2014 Tee tekstist\u00e4 luettavaa ja ymm\u00e4rrett\u00e4v\u00e4\u00e4. K\u00e4yt\u00e4 selke\u00e4\u00e4 kielt\u00e4 ja m\u00e4\u00e4rittele ep\u00e4tavalliset termit tai lyhenteet.<\/p>\n3.2 Ennakoitava<\/strong>\u00a0 \u2014 Tee verkkosivujen ulkoasusta ja toiminnasta ennakoitavaa. Yhdenmukainen navigointi ja toiminnallisuus auttavat kaikkia k\u00e4ytt\u00e4ji\u00e4.<\/p>\n3.3 Sy\u00f6tteen avustaminen<\/strong>\u00a0 \u2014 Auta k\u00e4ytt\u00e4ji\u00e4 v\u00e4ltt\u00e4m\u00e4\u00e4n ja korjaamaan virheit\u00e4. Tarjoa lomakkeissa selke\u00e4t virheilmoitukset ja ohjeet.<\/p>\nToimintavarmuutta koskevat ohjeet<\/strong><\/h3>\n4.1 Yhteensopiva<\/strong>\u00a0 \u2014 Maksimoi yhteensopivuus nykyisten ja tulevien k\u00e4ytt\u00e4j\u00e4agenttien, mukaan lukien avustavien teknologioiden, kanssa. K\u00e4yt\u00e4 kelvollista koodia ja noudata verkkostandardeja, jotta sis\u00e4lt\u00f6 toimii luotettavasti eri selaimissa ja laitteissa.<\/p>\nMitk\u00e4 ovat WCAG:n kolme vaatimustenmukaisuustasoa?<\/strong><\/h3>\nWCAG:ssa on kolme vaatimustenmukaisuustasoa \u2014 taso A, taso AA ja taso AAA<\/strong> \u2014 jotka m\u00e4\u00e4rittelev\u00e4t kasvavat saavutettavuusvaatimukset. Taso AA on useimpien saavutettavuusvaatimusten oikeudellinen standardi.<\/p>\n\n\n\n\nTaso<\/th>\nKuvaus<\/th>\nOnnistumiskriteerit<\/th>\nOikeudellinen asema<\/th>\n<\/tr>\n<\/thead>\n\n\nTaso A<\/td>\nV\u00e4himm\u00e4issaavutettavuus \u2014 ratkaisee kaikkein kriittisimm\u00e4t saavutettavuusesteet.<\/td>\n30 kriteeri\u00e4<\/td>\nVaaditaan vaatimustenmukaisuuteen<\/td>\n<\/tr>\n\nTaso AA<\/td>\nTavanomainen saavutettavuus \u2014 poistaa esteit\u00e4 useimmilta vammaisilta henkil\u00f6ilt\u00e4.<\/td>\n20 lis\u00e4kriteeri\u00e4<\/td>\nUseimpien lakien edellytt\u00e4m\u00e4<\/td>\n<\/tr>\n\nTaso AAA<\/td>\nKorkein saavutettavuustaso \u2014 tarjoaa parannetun saavutettavuuden, mutta sit\u00e4 ei aina voida saavuttaa.<\/td>\n28 lis\u00e4kriteeri\u00e4<\/td>\nTavoitteellinen; ei lakis\u00e4\u00e4teinen<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/figure>\nJokainen taso perustuu edelliseen. Tason AA saavuttamiseksi kaikkien tason A kriteerien on ensin t\u00e4ytytt\u00e4v\u00e4. Vaatimustenmukaisuustasot auttavat verkkosivustojen omistajia priorisoimaan saavutettavuustoimia ja ymm\u00e4rt\u00e4m\u00e4\u00e4n velvoitteensa.<\/p>\nUseimpien saavutettavuuslakien mukaista WCAG-vaatimustenmukaisuutta varten organisaatioiden on t\u00e4ytett\u00e4v\u00e4 kaikki WCAG-tason A ja AA onnistumiskriteerit.<\/strong>\u00a0 Tason AAA vaatimustenmukaisuus on valinnainen, koska joitakin kriteerej\u00e4 ei voida t\u00e4ytt\u00e4\u00e4 kaikille sis\u00e4lt\u00f6tyypeille.<\/p>\nMiten onnistumiskriteerit eroavat tasoittain<\/strong><\/h3>\nSamalla ohjeella voi olla onnistumiskriteerej\u00e4 eri tasoilla. Seuraava esimerkki koskee videoiden saavutettavuusvaatimuksia:<\/p>\n<\/figure>\n
\u00a0<\/p>\n
Vaikka erityist\u00e4 oikeudellista velvoitetta ei olisi, verkkosivustojen omistajat hy\u00f6tyv\u00e4t WCAG-vaatimustenmukaisuudesta. Saavutettavat verkkosivustot tavoittavat enemm\u00e4n k\u00e4ytt\u00e4ji\u00e4, menestyv\u00e4t paremmin hakutuloksissa ja v\u00e4hent\u00e4v\u00e4t oikeudellisia riskej\u00e4. Yli miljardilla ihmisell\u00e4<\/strong>\u00a0 maailmassa on jokin vamma, joten verkkosivustojen saavutettavuus laajentaa potentiaalista yleis\u00f6\u00e4 merkitt\u00e4v\u00e4sti.<\/p>\nOnko WCAG lakis\u00e4\u00e4teinen vaatimus Yhdysvalloissa?<\/strong><\/h3>\nKyll\u00e4, useimmille organisaatioille.<\/strong>\u00a0 WCAG 2.1 taso AA on k\u00e4yt\u00e4nn\u00f6ss\u00e4 verkkosaavutettavuuden standardi useiden Yhdysvaltojen lakien nojalla, ja tuomioistuimet k\u00e4ytt\u00e4v\u00e4t WCAG:ia johdonmukaisesti saavutettavuusvaatimusten arviointiperusteena.<\/p>\nDOJ:n \u00a0ADA Title II Final Rule<\/strong>\u00a0 otti virallisesti k\u00e4ytt\u00f6\u00f6n WCAG 2.1 tason AA kaikille osavaltioiden ja paikallishallintojen organisaatioille. T\u00e4m\u00e4 kattaa hallinnon verkkosivustot, mobiilisovellukset, digitaaliset asiakirjat ja verkkopalvelut.<\/p>\n<\/figure>\n\n\n\n\nOrganisaatiotyyppi<\/th>\nV\u00e4est\u00f6m\u00e4\u00e4r\u00e4<\/th>\nVaatimusten m\u00e4\u00e4r\u00e4aika<\/th>\n<\/tr>\n<\/thead>\n\n\nSuuret julkiset organisaatiot<\/td>\nV\u00e4hint\u00e4\u00e4n 50 000 asukasta<\/td>\n24. huhtikuuta 2026<\/td>\n<\/tr>\n\nPienet julkiset organisaatiot<\/td>\nAlle 50 000 asukasta<\/td>\n26. huhtikuuta 2027<\/td>\n<\/tr>\n\nErityisalueiden hallinnot<\/td>\nMik\u00e4 tahansa koko<\/td>\n26. huhtikuuta 2027<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/figure>\nYksityisten yritysten osalta \u00a0Americans with Disabilities Act -lain Title III<\/strong>\u00a0 edellytt\u00e4\u00e4 verkkosivustojen saavutettavuutta tuomioistuinten ratkaisujen ja DOJ:n sovintosopimusten perusteella. \u00a0Section 508<\/strong>\u00a0 Rehabilitation Act -laissa edellytt\u00e4\u00e4 nimenomaisesti, ett\u00e4 liittovaltion virastot ja niiden sopimuskumppanit noudattavat WCAG-vaatimuksia.<\/p>\nDigitaalista saavutettavuutta koskevat oikeusjutut ovat edelleen yleisi\u00e4. Automaattiset ty\u00f6kalut mahdollistavat valitusten tuottamisen laajassa mittakaavassa, joten mik\u00e4 tahansa saavutettavuusongelmia sis\u00e4lt\u00e4v\u00e4 yritys voi joutua kohteeksi.<\/p>\nMitk\u00e4 saavutettavuuslait edellytt\u00e4v\u00e4t WCAG-vaatimusten noudattamista?<\/strong><\/h3>\nDigitaalista saavutettavuutta koskevassa lains\u00e4\u00e4d\u00e4nn\u00f6ss\u00e4 eri puolilla maailmaa viitataan WCAG:iin teknisen\u00e4 vaatimustenmukaisuusstandardina. WCAG-vaatimusten t\u00e4ytt\u00e4minen t\u00e4ytt\u00e4\u00e4 useimpien saavutettavuuss\u00e4\u00e4d\u00f6sten vaatimukset.<\/p>\n\n\n\n\nLaki \/ m\u00e4\u00e4r\u00e4ys<\/th>\nMaantieteellinen soveltamisala<\/th>\nVaadittu WCAG-standardi<\/th>\nVaatimusten m\u00e4\u00e4r\u00e4aika<\/th>\n<\/tr>\n<\/thead>\n\n\nADA Title II (DOJ:n s\u00e4\u00e4nt\u00f6)<\/td>\nYhdysvaltojen osavaltio- ja paikallishallinnot<\/td>\nWCAG 2.1 AA<\/td>\nHuhtikuu 2026 \/ 2027<\/td>\n<\/tr>\n\nADA Title III<\/td>\nYhdysvaltojen yksityiset yritykset<\/td>\nWCAG 2.1 AA (tuomioistuinten k\u00e4ytt\u00e4m\u00e4 tosiasiallinen standardi)<\/td>\nJatkuva<\/td>\n<\/tr>\n\nSection 508<\/td>\nYhdysvaltojen liittovaltion virastot<\/td>\nWCAG 2.0 AA<\/td>\nVoimassa<\/td>\n<\/tr>\n\nEuropean Accessibility Act<\/td>\nEU-kuluttajia palvelevat yritykset<\/td>\nEN 301 549 (sis\u00e4lt\u00e4\u00e4 WCAG 2.1 AA:n)<\/td>\n28. kes\u00e4kuuta 2025<\/td>\n<\/tr>\n\nAODA<\/td>\nOntario, Kanada<\/td>\nWCAG 2.0 AA<\/td>\nVoimassa<\/td>\n<\/tr>\n\nEuropean Web Accessibility Directive<\/td>\nEuroopan unionin julkinen sektori<\/td>\nEN 301 549 (sis\u00e4lt\u00e4\u00e4 WCAG 2.1 AA:n)<\/td>\nVoimassa<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/figure>\nEuropean Accessibility Act (EAA) tuli t\u00e4yt\u00e4nt\u00f6\u00f6npanokelpoiseksi \u00a028. kes\u00e4kuuta 2025<\/strong>, ja se edellytt\u00e4\u00e4 WCAG-vaatimusten noudattamista monilta yrityksilt\u00e4, jotka myyv\u00e4t digitaalisia tuotteita tai palveluja EU-asiakkaille. Seuraamukset vaihtelevat j\u00e4senvaltioittain: sakot voivat olla \u00a0100 000 euroa Saksassa<\/strong>\u00a0 ja \u00a0250 000 euroa Ranskassa<\/strong>. Vaatimustenvastaiset tuotteet voidaan poistaa markkinoilta kokonaan.<\/p>\nMitk\u00e4 ovat WCAG:n nelj\u00e4 periaatetta?<\/strong><\/h3>\nWCAG:n nelj\u00e4 periaatetta, joista k\u00e4ytet\u00e4\u00e4n lyhennett\u00e4 \u00a0POUR<\/strong>, ovat havaittava, hallittava, ymm\u00e4rrett\u00e4v\u00e4 ja toimintavarma. N\u00e4m\u00e4 periaatteet ohjaavat kaikkia WCAG:n onnistumiskriteerej\u00e4 ja m\u00e4\u00e4rittelev\u00e4t, mit\u00e4 verkkosis\u00e4ll\u00f6n saavutettavuus tarkoittaa.<\/p>\n\n\n\n\nPeriaate<\/th>\nMit\u00e4 se tarkoittaa<\/th>\nEsimerkkivaatimus<\/th>\n<\/tr>\n<\/thead>\n\n\nHavaittava<\/td>\nK\u00e4ytt\u00e4jien on voitava havaita sis\u00e4lt\u00f6 v\u00e4hint\u00e4\u00e4n yhden aistin avulla.<\/td>\nTarjoa kuville tekstivastineet ja lis\u00e4\u00e4 videoihin tekstitykset.<\/td>\n<\/tr>\n\nHallittava<\/td>\nK\u00e4ytt\u00e4jien on voitava k\u00e4ytt\u00e4\u00e4 k\u00e4ytt\u00f6liittym\u00e4\u00e4.<\/td>\nMahdollista n\u00e4pp\u00e4imist\u00f6k\u00e4ytt\u00f6 ja anna riitt\u00e4v\u00e4sti aikaa sis\u00e4ll\u00f6n lukemiseen.<\/td>\n<\/tr>\n\nYmm\u00e4rrett\u00e4v\u00e4<\/td>\nK\u00e4ytt\u00e4jien on ymm\u00e4rrett\u00e4v\u00e4 sis\u00e4lt\u00f6 ja sen k\u00e4ytt\u00e4minen.<\/td>\nK\u00e4yt\u00e4 selke\u00e4\u00e4 kielt\u00e4 ja tee navigoinnista ennakoitavaa.<\/td>\n<\/tr>\n\nToimintavarma<\/td>\nSis\u00e4ll\u00f6n on toimittava nykyisten ja tulevien k\u00e4ytt\u00e4j\u00e4agenttien kanssa.<\/td>\nK\u00e4yt\u00e4 kelvollista koodia ja varmista yhteensopivuus avustavan teknologian kanssa.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/figure>\nMitk\u00e4 ovat WCAG:n 13 ohjetta?<\/strong><\/h3>\nWCAG:n nelj\u00e4 periaatetta sis\u00e4lt\u00e4v\u00e4t \u00a013 ohjetta<\/strong>\u00a0, jotka m\u00e4\u00e4rittelev\u00e4t verkkosaavutettavuuden erityiset tavoitteet. Jokaisella ohjeella on testattavat onnistumiskriteerit kolmella WCAG-vaatimustenmukaisuustasolla: A, AA ja AAA.<\/p>\nHavaittavuutta koskevat ohjeet<\/strong><\/h3>\n1.1 Tekstivastineet<\/strong>\u00a0 \u2014 Tarjoa tekstivastineet muulle kuin tekstimuotoiselle sis\u00e4ll\u00f6lle. T\u00e4m\u00e4 sis\u00e4lt\u00e4\u00e4 kuvien alt-tekstit, lomakekenttien selitteet ja kuvakkeiden kuvaukset. Tekstivastineiden avulla n\u00e4yt\u00f6nlukijan k\u00e4ytt\u00e4j\u00e4t ymm\u00e4rt\u00e4v\u00e4t sis\u00e4ll\u00f6n, jota he eiv\u00e4t voi n\u00e4hd\u00e4.<\/p>\n1.2 Aikasidonnainen media<\/strong>\u00a0 \u2014 Tarjoa vaihtoehtoja \u00e4\u00e4ni- ja videosis\u00e4ll\u00f6lle. N\u00e4it\u00e4 ovat videoiden tekstitykset, \u00e4\u00e4nitiedostojen tekstimuotoiset versiot ja visuaalisen sis\u00e4ll\u00f6n kuvailutulkkaus.<\/p>\n1.3 Mukautettava<\/strong>\u00a0 \u2014 Luo sis\u00e4lt\u00f6\u00e4, joka voidaan esitt\u00e4\u00e4 eri tavoilla tietojen tai rakenteen katoamatta. Verkkosivujen merkityksen tulee s\u00e4ily\u00e4, kun k\u00e4ytt\u00e4j\u00e4t muuttavat n\u00e4ytt\u00f6asetuksia tai k\u00e4ytt\u00e4v\u00e4t avustavaa teknologiaa.<\/p>\n1.4 Erottuva<\/strong>\u00a0 \u2014 Tee sis\u00e4ll\u00f6st\u00e4 helposti n\u00e4ht\u00e4v\u00e4\u00e4 ja kuultavaa. T\u00e4h\u00e4n kuuluvat riitt\u00e4v\u00e4 v\u00e4rikontrasti, tekstin koon muuttaminen ja \u00e4\u00e4nenhallinta. Heikkon\u00e4k\u00f6iset tai kuulovammaiset k\u00e4ytt\u00e4j\u00e4t ovat riippuvaisia n\u00e4ist\u00e4 ominaisuuksista.<\/p>\nHallittavuutta koskevat ohjeet<\/strong><\/h3>\n2.1 K\u00e4ytett\u00e4viss\u00e4 n\u00e4pp\u00e4imist\u00f6ll\u00e4<\/strong>\u00a0 \u2014 Tee kaikki toiminnot k\u00e4ytett\u00e4viksi n\u00e4pp\u00e4imist\u00f6ll\u00e4. K\u00e4ytt\u00e4jien, jotka eiv\u00e4t voi k\u00e4ytt\u00e4\u00e4 hiirt\u00e4, on voitava liikkua verkkosis\u00e4ll\u00f6ss\u00e4 pelk\u00e4n n\u00e4pp\u00e4imist\u00f6n avulla.<\/p>\n2.2 Riitt\u00e4v\u00e4sti aikaa<\/strong>\u00a0 \u2014 Anna k\u00e4ytt\u00e4jille riitt\u00e4v\u00e4sti aikaa sis\u00e4ll\u00f6n lukemiseen ja k\u00e4ytt\u00e4miseen. V\u00e4lt\u00e4 tiukkoja aikarajoja tai tarjoa mahdollisuus pident\u00e4\u00e4 niit\u00e4.<\/p>\n2.3 Sairauskohtaukset ja fyysiset reaktiot<\/strong>\u00a0 \u2014 \u00c4l\u00e4 suunnittele sis\u00e4lt\u00f6\u00e4, joka voi aiheuttaa sairauskohtauksia. V\u00e4lt\u00e4 vilkkuvaa sis\u00e4lt\u00f6\u00e4, joka voi laukaista valoherk\u00e4n epilepsian.<\/p>\n2.4 Navigoitava<\/strong>\u00a0 \u2014 Auta k\u00e4ytt\u00e4ji\u00e4 liikkumaan ja l\u00f6yt\u00e4m\u00e4\u00e4n sis\u00e4lt\u00f6\u00e4. K\u00e4yt\u00e4 selkeit\u00e4 otsikoita, kuvaavia linkkitekstej\u00e4 ja loogista kohdistusj\u00e4rjestyst\u00e4.<\/p>\n2.5 Sy\u00f6tetavat<\/strong>\u00a0 \u2014 Tue n\u00e4pp\u00e4imist\u00f6n ja hiiren lis\u00e4ksi muita sy\u00f6tt\u00f6tapoja. K\u00e4ytt\u00e4j\u00e4t voivat k\u00e4ytt\u00e4\u00e4 kosketusn\u00e4ytt\u00f6j\u00e4, \u00e4\u00e4nikomentoja tai kytkinohjausta.<\/p>\nYmm\u00e4rrett\u00e4vyytt\u00e4 koskevat ohjeet<\/h3>\n3.1 Luettava<\/strong>\u00a0 \u2014 Tee tekstist\u00e4 luettavaa ja ymm\u00e4rrett\u00e4v\u00e4\u00e4. K\u00e4yt\u00e4 selke\u00e4\u00e4 kielt\u00e4 ja m\u00e4\u00e4rittele ep\u00e4tavalliset termit tai lyhenteet.<\/p>\n3.2 Ennakoitava<\/strong>\u00a0 \u2014 Tee verkkosivujen ulkoasusta ja toiminnasta ennakoitavaa. Yhdenmukainen navigointi ja toiminnallisuus auttavat kaikkia k\u00e4ytt\u00e4ji\u00e4.<\/p>\n3.3 Sy\u00f6tteen avustaminen<\/strong>\u00a0 \u2014 Auta k\u00e4ytt\u00e4ji\u00e4 v\u00e4ltt\u00e4m\u00e4\u00e4n ja korjaamaan virheit\u00e4. Tarjoa lomakkeissa selke\u00e4t virheilmoitukset ja ohjeet.<\/p>\nToimintavarmuutta koskevat ohjeet<\/strong><\/h3>\n4.1 Yhteensopiva<\/strong>\u00a0 \u2014 Maksimoi yhteensopivuus nykyisten ja tulevien k\u00e4ytt\u00e4j\u00e4agenttien, mukaan lukien avustavien teknologioiden, kanssa. K\u00e4yt\u00e4 kelvollista koodia ja noudata verkkostandardeja, jotta sis\u00e4lt\u00f6 toimii luotettavasti eri selaimissa ja laitteissa.<\/p>\nMitk\u00e4 ovat WCAG:n kolme vaatimustenmukaisuustasoa?<\/strong><\/h3>\nWCAG:ssa on kolme vaatimustenmukaisuustasoa \u2014 taso A, taso AA ja taso AAA<\/strong> \u2014 jotka m\u00e4\u00e4rittelev\u00e4t kasvavat saavutettavuusvaatimukset. Taso AA on useimpien saavutettavuusvaatimusten oikeudellinen standardi.<\/p>\n\n\n\n\nTaso<\/th>\nKuvaus<\/th>\nOnnistumiskriteerit<\/th>\nOikeudellinen asema<\/th>\n<\/tr>\n<\/thead>\n\n\nTaso A<\/td>\nV\u00e4himm\u00e4issaavutettavuus \u2014 ratkaisee kaikkein kriittisimm\u00e4t saavutettavuusesteet.<\/td>\n30 kriteeri\u00e4<\/td>\nVaaditaan vaatimustenmukaisuuteen<\/td>\n<\/tr>\n\nTaso AA<\/td>\nTavanomainen saavutettavuus \u2014 poistaa esteit\u00e4 useimmilta vammaisilta henkil\u00f6ilt\u00e4.<\/td>\n20 lis\u00e4kriteeri\u00e4<\/td>\nUseimpien lakien edellytt\u00e4m\u00e4<\/td>\n<\/tr>\n\nTaso AAA<\/td>\nKorkein saavutettavuustaso \u2014 tarjoaa parannetun saavutettavuuden, mutta sit\u00e4 ei aina voida saavuttaa.<\/td>\n28 lis\u00e4kriteeri\u00e4<\/td>\nTavoitteellinen; ei lakis\u00e4\u00e4teinen<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/figure>\nJokainen taso perustuu edelliseen. Tason AA saavuttamiseksi kaikkien tason A kriteerien on ensin t\u00e4ytytt\u00e4v\u00e4. Vaatimustenmukaisuustasot auttavat verkkosivustojen omistajia priorisoimaan saavutettavuustoimia ja ymm\u00e4rt\u00e4m\u00e4\u00e4n velvoitteensa.<\/p>\nUseimpien saavutettavuuslakien mukaista WCAG-vaatimustenmukaisuutta varten organisaatioiden on t\u00e4ytett\u00e4v\u00e4 kaikki WCAG-tason A ja AA onnistumiskriteerit.<\/strong>\u00a0 Tason AAA vaatimustenmukaisuus on valinnainen, koska joitakin kriteerej\u00e4 ei voida t\u00e4ytt\u00e4\u00e4 kaikille sis\u00e4lt\u00f6tyypeille.<\/p>\nMiten onnistumiskriteerit eroavat tasoittain<\/strong><\/h3>\nSamalla ohjeella voi olla onnistumiskriteerej\u00e4 eri tasoilla. Seuraava esimerkki koskee videoiden saavutettavuusvaatimuksia:<\/p>\n<\/figure>\n
Kyll\u00e4, useimmille organisaatioille.<\/strong>\u00a0 WCAG 2.1 taso AA on k\u00e4yt\u00e4nn\u00f6ss\u00e4 verkkosaavutettavuuden standardi useiden Yhdysvaltojen lakien nojalla, ja tuomioistuimet k\u00e4ytt\u00e4v\u00e4t WCAG:ia johdonmukaisesti saavutettavuusvaatimusten arviointiperusteena.<\/p>\nDOJ:n \u00a0ADA Title II Final Rule<\/strong>\u00a0 otti virallisesti k\u00e4ytt\u00f6\u00f6n WCAG 2.1 tason AA kaikille osavaltioiden ja paikallishallintojen organisaatioille. T\u00e4m\u00e4 kattaa hallinnon verkkosivustot, mobiilisovellukset, digitaaliset asiakirjat ja verkkopalvelut.<\/p>\n<\/figure>\n\n\n\n\nOrganisaatiotyyppi<\/th>\nV\u00e4est\u00f6m\u00e4\u00e4r\u00e4<\/th>\nVaatimusten m\u00e4\u00e4r\u00e4aika<\/th>\n<\/tr>\n<\/thead>\n\n\nSuuret julkiset organisaatiot<\/td>\nV\u00e4hint\u00e4\u00e4n 50 000 asukasta<\/td>\n24. huhtikuuta 2026<\/td>\n<\/tr>\n\nPienet julkiset organisaatiot<\/td>\nAlle 50 000 asukasta<\/td>\n26. huhtikuuta 2027<\/td>\n<\/tr>\n\nErityisalueiden hallinnot<\/td>\nMik\u00e4 tahansa koko<\/td>\n26. huhtikuuta 2027<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/figure>\nYksityisten yritysten osalta \u00a0Americans with Disabilities Act -lain Title III<\/strong>\u00a0 edellytt\u00e4\u00e4 verkkosivustojen saavutettavuutta tuomioistuinten ratkaisujen ja DOJ:n sovintosopimusten perusteella. \u00a0Section 508<\/strong>\u00a0 Rehabilitation Act -laissa edellytt\u00e4\u00e4 nimenomaisesti, ett\u00e4 liittovaltion virastot ja niiden sopimuskumppanit noudattavat WCAG-vaatimuksia.<\/p>\nDigitaalista saavutettavuutta koskevat oikeusjutut ovat edelleen yleisi\u00e4. Automaattiset ty\u00f6kalut mahdollistavat valitusten tuottamisen laajassa mittakaavassa, joten mik\u00e4 tahansa saavutettavuusongelmia sis\u00e4lt\u00e4v\u00e4 yritys voi joutua kohteeksi.<\/p>\nMitk\u00e4 saavutettavuuslait edellytt\u00e4v\u00e4t WCAG-vaatimusten noudattamista?<\/strong><\/h3>\nDigitaalista saavutettavuutta koskevassa lains\u00e4\u00e4d\u00e4nn\u00f6ss\u00e4 eri puolilla maailmaa viitataan WCAG:iin teknisen\u00e4 vaatimustenmukaisuusstandardina. WCAG-vaatimusten t\u00e4ytt\u00e4minen t\u00e4ytt\u00e4\u00e4 useimpien saavutettavuuss\u00e4\u00e4d\u00f6sten vaatimukset.<\/p>\n\n\n\n\nLaki \/ m\u00e4\u00e4r\u00e4ys<\/th>\nMaantieteellinen soveltamisala<\/th>\nVaadittu WCAG-standardi<\/th>\nVaatimusten m\u00e4\u00e4r\u00e4aika<\/th>\n<\/tr>\n<\/thead>\n\n\nADA Title II (DOJ:n s\u00e4\u00e4nt\u00f6)<\/td>\nYhdysvaltojen osavaltio- ja paikallishallinnot<\/td>\nWCAG 2.1 AA<\/td>\nHuhtikuu 2026 \/ 2027<\/td>\n<\/tr>\n\nADA Title III<\/td>\nYhdysvaltojen yksityiset yritykset<\/td>\nWCAG 2.1 AA (tuomioistuinten k\u00e4ytt\u00e4m\u00e4 tosiasiallinen standardi)<\/td>\nJatkuva<\/td>\n<\/tr>\n\nSection 508<\/td>\nYhdysvaltojen liittovaltion virastot<\/td>\nWCAG 2.0 AA<\/td>\nVoimassa<\/td>\n<\/tr>\n\nEuropean Accessibility Act<\/td>\nEU-kuluttajia palvelevat yritykset<\/td>\nEN 301 549 (sis\u00e4lt\u00e4\u00e4 WCAG 2.1 AA:n)<\/td>\n28. kes\u00e4kuuta 2025<\/td>\n<\/tr>\n\nAODA<\/td>\nOntario, Kanada<\/td>\nWCAG 2.0 AA<\/td>\nVoimassa<\/td>\n<\/tr>\n\nEuropean Web Accessibility Directive<\/td>\nEuroopan unionin julkinen sektori<\/td>\nEN 301 549 (sis\u00e4lt\u00e4\u00e4 WCAG 2.1 AA:n)<\/td>\nVoimassa<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/figure>\nEuropean Accessibility Act (EAA) tuli t\u00e4yt\u00e4nt\u00f6\u00f6npanokelpoiseksi \u00a028. kes\u00e4kuuta 2025<\/strong>, ja se edellytt\u00e4\u00e4 WCAG-vaatimusten noudattamista monilta yrityksilt\u00e4, jotka myyv\u00e4t digitaalisia tuotteita tai palveluja EU-asiakkaille. Seuraamukset vaihtelevat j\u00e4senvaltioittain: sakot voivat olla \u00a0100 000 euroa Saksassa<\/strong>\u00a0 ja \u00a0250 000 euroa Ranskassa<\/strong>. Vaatimustenvastaiset tuotteet voidaan poistaa markkinoilta kokonaan.<\/p>\nMitk\u00e4 ovat WCAG:n nelj\u00e4 periaatetta?<\/strong><\/h3>\nWCAG:n nelj\u00e4 periaatetta, joista k\u00e4ytet\u00e4\u00e4n lyhennett\u00e4 \u00a0POUR<\/strong>, ovat havaittava, hallittava, ymm\u00e4rrett\u00e4v\u00e4 ja toimintavarma. N\u00e4m\u00e4 periaatteet ohjaavat kaikkia WCAG:n onnistumiskriteerej\u00e4 ja m\u00e4\u00e4rittelev\u00e4t, mit\u00e4 verkkosis\u00e4ll\u00f6n saavutettavuus tarkoittaa.<\/p>\n\n\n\n\nPeriaate<\/th>\nMit\u00e4 se tarkoittaa<\/th>\nEsimerkkivaatimus<\/th>\n<\/tr>\n<\/thead>\n\n\nHavaittava<\/td>\nK\u00e4ytt\u00e4jien on voitava havaita sis\u00e4lt\u00f6 v\u00e4hint\u00e4\u00e4n yhden aistin avulla.<\/td>\nTarjoa kuville tekstivastineet ja lis\u00e4\u00e4 videoihin tekstitykset.<\/td>\n<\/tr>\n\nHallittava<\/td>\nK\u00e4ytt\u00e4jien on voitava k\u00e4ytt\u00e4\u00e4 k\u00e4ytt\u00f6liittym\u00e4\u00e4.<\/td>\nMahdollista n\u00e4pp\u00e4imist\u00f6k\u00e4ytt\u00f6 ja anna riitt\u00e4v\u00e4sti aikaa sis\u00e4ll\u00f6n lukemiseen.<\/td>\n<\/tr>\n\nYmm\u00e4rrett\u00e4v\u00e4<\/td>\nK\u00e4ytt\u00e4jien on ymm\u00e4rrett\u00e4v\u00e4 sis\u00e4lt\u00f6 ja sen k\u00e4ytt\u00e4minen.<\/td>\nK\u00e4yt\u00e4 selke\u00e4\u00e4 kielt\u00e4 ja tee navigoinnista ennakoitavaa.<\/td>\n<\/tr>\n\nToimintavarma<\/td>\nSis\u00e4ll\u00f6n on toimittava nykyisten ja tulevien k\u00e4ytt\u00e4j\u00e4agenttien kanssa.<\/td>\nK\u00e4yt\u00e4 kelvollista koodia ja varmista yhteensopivuus avustavan teknologian kanssa.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/figure>\nMitk\u00e4 ovat WCAG:n 13 ohjetta?<\/strong><\/h3>\nWCAG:n nelj\u00e4 periaatetta sis\u00e4lt\u00e4v\u00e4t \u00a013 ohjetta<\/strong>\u00a0, jotka m\u00e4\u00e4rittelev\u00e4t verkkosaavutettavuuden erityiset tavoitteet. Jokaisella ohjeella on testattavat onnistumiskriteerit kolmella WCAG-vaatimustenmukaisuustasolla: A, AA ja AAA.<\/p>\nHavaittavuutta koskevat ohjeet<\/strong><\/h3>\n1.1 Tekstivastineet<\/strong>\u00a0 \u2014 Tarjoa tekstivastineet muulle kuin tekstimuotoiselle sis\u00e4ll\u00f6lle. T\u00e4m\u00e4 sis\u00e4lt\u00e4\u00e4 kuvien alt-tekstit, lomakekenttien selitteet ja kuvakkeiden kuvaukset. Tekstivastineiden avulla n\u00e4yt\u00f6nlukijan k\u00e4ytt\u00e4j\u00e4t ymm\u00e4rt\u00e4v\u00e4t sis\u00e4ll\u00f6n, jota he eiv\u00e4t voi n\u00e4hd\u00e4.<\/p>\n1.2 Aikasidonnainen media<\/strong>\u00a0 \u2014 Tarjoa vaihtoehtoja \u00e4\u00e4ni- ja videosis\u00e4ll\u00f6lle. N\u00e4it\u00e4 ovat videoiden tekstitykset, \u00e4\u00e4nitiedostojen tekstimuotoiset versiot ja visuaalisen sis\u00e4ll\u00f6n kuvailutulkkaus.<\/p>\n1.3 Mukautettava<\/strong>\u00a0 \u2014 Luo sis\u00e4lt\u00f6\u00e4, joka voidaan esitt\u00e4\u00e4 eri tavoilla tietojen tai rakenteen katoamatta. Verkkosivujen merkityksen tulee s\u00e4ily\u00e4, kun k\u00e4ytt\u00e4j\u00e4t muuttavat n\u00e4ytt\u00f6asetuksia tai k\u00e4ytt\u00e4v\u00e4t avustavaa teknologiaa.<\/p>\n1.4 Erottuva<\/strong>\u00a0 \u2014 Tee sis\u00e4ll\u00f6st\u00e4 helposti n\u00e4ht\u00e4v\u00e4\u00e4 ja kuultavaa. T\u00e4h\u00e4n kuuluvat riitt\u00e4v\u00e4 v\u00e4rikontrasti, tekstin koon muuttaminen ja \u00e4\u00e4nenhallinta. Heikkon\u00e4k\u00f6iset tai kuulovammaiset k\u00e4ytt\u00e4j\u00e4t ovat riippuvaisia n\u00e4ist\u00e4 ominaisuuksista.<\/p>\nHallittavuutta koskevat ohjeet<\/strong><\/h3>\n2.1 K\u00e4ytett\u00e4viss\u00e4 n\u00e4pp\u00e4imist\u00f6ll\u00e4<\/strong>\u00a0 \u2014 Tee kaikki toiminnot k\u00e4ytett\u00e4viksi n\u00e4pp\u00e4imist\u00f6ll\u00e4. K\u00e4ytt\u00e4jien, jotka eiv\u00e4t voi k\u00e4ytt\u00e4\u00e4 hiirt\u00e4, on voitava liikkua verkkosis\u00e4ll\u00f6ss\u00e4 pelk\u00e4n n\u00e4pp\u00e4imist\u00f6n avulla.<\/p>\n2.2 Riitt\u00e4v\u00e4sti aikaa<\/strong>\u00a0 \u2014 Anna k\u00e4ytt\u00e4jille riitt\u00e4v\u00e4sti aikaa sis\u00e4ll\u00f6n lukemiseen ja k\u00e4ytt\u00e4miseen. V\u00e4lt\u00e4 tiukkoja aikarajoja tai tarjoa mahdollisuus pident\u00e4\u00e4 niit\u00e4.<\/p>\n2.3 Sairauskohtaukset ja fyysiset reaktiot<\/strong>\u00a0 \u2014 \u00c4l\u00e4 suunnittele sis\u00e4lt\u00f6\u00e4, joka voi aiheuttaa sairauskohtauksia. V\u00e4lt\u00e4 vilkkuvaa sis\u00e4lt\u00f6\u00e4, joka voi laukaista valoherk\u00e4n epilepsian.<\/p>\n2.4 Navigoitava<\/strong>\u00a0 \u2014 Auta k\u00e4ytt\u00e4ji\u00e4 liikkumaan ja l\u00f6yt\u00e4m\u00e4\u00e4n sis\u00e4lt\u00f6\u00e4. K\u00e4yt\u00e4 selkeit\u00e4 otsikoita, kuvaavia linkkitekstej\u00e4 ja loogista kohdistusj\u00e4rjestyst\u00e4.<\/p>\n2.5 Sy\u00f6tetavat<\/strong>\u00a0 \u2014 Tue n\u00e4pp\u00e4imist\u00f6n ja hiiren lis\u00e4ksi muita sy\u00f6tt\u00f6tapoja. K\u00e4ytt\u00e4j\u00e4t voivat k\u00e4ytt\u00e4\u00e4 kosketusn\u00e4ytt\u00f6j\u00e4, \u00e4\u00e4nikomentoja tai kytkinohjausta.<\/p>\nYmm\u00e4rrett\u00e4vyytt\u00e4 koskevat ohjeet<\/h3>\n3.1 Luettava<\/strong>\u00a0 \u2014 Tee tekstist\u00e4 luettavaa ja ymm\u00e4rrett\u00e4v\u00e4\u00e4. K\u00e4yt\u00e4 selke\u00e4\u00e4 kielt\u00e4 ja m\u00e4\u00e4rittele ep\u00e4tavalliset termit tai lyhenteet.<\/p>\n3.2 Ennakoitava<\/strong>\u00a0 \u2014 Tee verkkosivujen ulkoasusta ja toiminnasta ennakoitavaa. Yhdenmukainen navigointi ja toiminnallisuus auttavat kaikkia k\u00e4ytt\u00e4ji\u00e4.<\/p>\n3.3 Sy\u00f6tteen avustaminen<\/strong>\u00a0 \u2014 Auta k\u00e4ytt\u00e4ji\u00e4 v\u00e4ltt\u00e4m\u00e4\u00e4n ja korjaamaan virheit\u00e4. Tarjoa lomakkeissa selke\u00e4t virheilmoitukset ja ohjeet.<\/p>\nToimintavarmuutta koskevat ohjeet<\/strong><\/h3>\n4.1 Yhteensopiva<\/strong>\u00a0 \u2014 Maksimoi yhteensopivuus nykyisten ja tulevien k\u00e4ytt\u00e4j\u00e4agenttien, mukaan lukien avustavien teknologioiden, kanssa. K\u00e4yt\u00e4 kelvollista koodia ja noudata verkkostandardeja, jotta sis\u00e4lt\u00f6 toimii luotettavasti eri selaimissa ja laitteissa.<\/p>\nMitk\u00e4 ovat WCAG:n kolme vaatimustenmukaisuustasoa?<\/strong><\/h3>\nWCAG:ssa on kolme vaatimustenmukaisuustasoa \u2014 taso A, taso AA ja taso AAA<\/strong> \u2014 jotka m\u00e4\u00e4rittelev\u00e4t kasvavat saavutettavuusvaatimukset. Taso AA on useimpien saavutettavuusvaatimusten oikeudellinen standardi.<\/p>\n\n\n\n\nTaso<\/th>\nKuvaus<\/th>\nOnnistumiskriteerit<\/th>\nOikeudellinen asema<\/th>\n<\/tr>\n<\/thead>\n\n\nTaso A<\/td>\nV\u00e4himm\u00e4issaavutettavuus \u2014 ratkaisee kaikkein kriittisimm\u00e4t saavutettavuusesteet.<\/td>\n30 kriteeri\u00e4<\/td>\nVaaditaan vaatimustenmukaisuuteen<\/td>\n<\/tr>\n\nTaso AA<\/td>\nTavanomainen saavutettavuus \u2014 poistaa esteit\u00e4 useimmilta vammaisilta henkil\u00f6ilt\u00e4.<\/td>\n20 lis\u00e4kriteeri\u00e4<\/td>\nUseimpien lakien edellytt\u00e4m\u00e4<\/td>\n<\/tr>\n\nTaso AAA<\/td>\nKorkein saavutettavuustaso \u2014 tarjoaa parannetun saavutettavuuden, mutta sit\u00e4 ei aina voida saavuttaa.<\/td>\n28 lis\u00e4kriteeri\u00e4<\/td>\nTavoitteellinen; ei lakis\u00e4\u00e4teinen<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/figure>\nJokainen taso perustuu edelliseen. Tason AA saavuttamiseksi kaikkien tason A kriteerien on ensin t\u00e4ytytt\u00e4v\u00e4. Vaatimustenmukaisuustasot auttavat verkkosivustojen omistajia priorisoimaan saavutettavuustoimia ja ymm\u00e4rt\u00e4m\u00e4\u00e4n velvoitteensa.<\/p>\nUseimpien saavutettavuuslakien mukaista WCAG-vaatimustenmukaisuutta varten organisaatioiden on t\u00e4ytett\u00e4v\u00e4 kaikki WCAG-tason A ja AA onnistumiskriteerit.<\/strong>\u00a0 Tason AAA vaatimustenmukaisuus on valinnainen, koska joitakin kriteerej\u00e4 ei voida t\u00e4ytt\u00e4\u00e4 kaikille sis\u00e4lt\u00f6tyypeille.<\/p>\nMiten onnistumiskriteerit eroavat tasoittain<\/strong><\/h3>\nSamalla ohjeella voi olla onnistumiskriteerej\u00e4 eri tasoilla. Seuraava esimerkki koskee videoiden saavutettavuusvaatimuksia:<\/p>\n<\/figure>\n
DOJ:n \u00a0ADA Title II Final Rule<\/strong>\u00a0 otti virallisesti k\u00e4ytt\u00f6\u00f6n WCAG 2.1 tason AA kaikille osavaltioiden ja paikallishallintojen organisaatioille. T\u00e4m\u00e4 kattaa hallinnon verkkosivustot, mobiilisovellukset, digitaaliset asiakirjat ja verkkopalvelut.<\/p>\n<\/figure>\n\n\n\n\nOrganisaatiotyyppi<\/th>\nV\u00e4est\u00f6m\u00e4\u00e4r\u00e4<\/th>\nVaatimusten m\u00e4\u00e4r\u00e4aika<\/th>\n<\/tr>\n<\/thead>\n\n\nSuuret julkiset organisaatiot<\/td>\nV\u00e4hint\u00e4\u00e4n 50 000 asukasta<\/td>\n24. huhtikuuta 2026<\/td>\n<\/tr>\n\nPienet julkiset organisaatiot<\/td>\nAlle 50 000 asukasta<\/td>\n26. huhtikuuta 2027<\/td>\n<\/tr>\n\nErityisalueiden hallinnot<\/td>\nMik\u00e4 tahansa koko<\/td>\n26. huhtikuuta 2027<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/figure>\nYksityisten yritysten osalta \u00a0Americans with Disabilities Act -lain Title III<\/strong>\u00a0 edellytt\u00e4\u00e4 verkkosivustojen saavutettavuutta tuomioistuinten ratkaisujen ja DOJ:n sovintosopimusten perusteella. \u00a0Section 508<\/strong>\u00a0 Rehabilitation Act -laissa edellytt\u00e4\u00e4 nimenomaisesti, ett\u00e4 liittovaltion virastot ja niiden sopimuskumppanit noudattavat WCAG-vaatimuksia.<\/p>\nDigitaalista saavutettavuutta koskevat oikeusjutut ovat edelleen yleisi\u00e4. Automaattiset ty\u00f6kalut mahdollistavat valitusten tuottamisen laajassa mittakaavassa, joten mik\u00e4 tahansa saavutettavuusongelmia sis\u00e4lt\u00e4v\u00e4 yritys voi joutua kohteeksi.<\/p>\nMitk\u00e4 saavutettavuuslait edellytt\u00e4v\u00e4t WCAG-vaatimusten noudattamista?<\/strong><\/h3>\nDigitaalista saavutettavuutta koskevassa lains\u00e4\u00e4d\u00e4nn\u00f6ss\u00e4 eri puolilla maailmaa viitataan WCAG:iin teknisen\u00e4 vaatimustenmukaisuusstandardina. WCAG-vaatimusten t\u00e4ytt\u00e4minen t\u00e4ytt\u00e4\u00e4 useimpien saavutettavuuss\u00e4\u00e4d\u00f6sten vaatimukset.<\/p>\n\n\n\n\nLaki \/ m\u00e4\u00e4r\u00e4ys<\/th>\nMaantieteellinen soveltamisala<\/th>\nVaadittu WCAG-standardi<\/th>\nVaatimusten m\u00e4\u00e4r\u00e4aika<\/th>\n<\/tr>\n<\/thead>\n\n\nADA Title II (DOJ:n s\u00e4\u00e4nt\u00f6)<\/td>\nYhdysvaltojen osavaltio- ja paikallishallinnot<\/td>\nWCAG 2.1 AA<\/td>\nHuhtikuu 2026 \/ 2027<\/td>\n<\/tr>\n\nADA Title III<\/td>\nYhdysvaltojen yksityiset yritykset<\/td>\nWCAG 2.1 AA (tuomioistuinten k\u00e4ytt\u00e4m\u00e4 tosiasiallinen standardi)<\/td>\nJatkuva<\/td>\n<\/tr>\n\nSection 508<\/td>\nYhdysvaltojen liittovaltion virastot<\/td>\nWCAG 2.0 AA<\/td>\nVoimassa<\/td>\n<\/tr>\n\nEuropean Accessibility Act<\/td>\nEU-kuluttajia palvelevat yritykset<\/td>\nEN 301 549 (sis\u00e4lt\u00e4\u00e4 WCAG 2.1 AA:n)<\/td>\n28. kes\u00e4kuuta 2025<\/td>\n<\/tr>\n\nAODA<\/td>\nOntario, Kanada<\/td>\nWCAG 2.0 AA<\/td>\nVoimassa<\/td>\n<\/tr>\n\nEuropean Web Accessibility Directive<\/td>\nEuroopan unionin julkinen sektori<\/td>\nEN 301 549 (sis\u00e4lt\u00e4\u00e4 WCAG 2.1 AA:n)<\/td>\nVoimassa<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/figure>\nEuropean Accessibility Act (EAA) tuli t\u00e4yt\u00e4nt\u00f6\u00f6npanokelpoiseksi \u00a028. kes\u00e4kuuta 2025<\/strong>, ja se edellytt\u00e4\u00e4 WCAG-vaatimusten noudattamista monilta yrityksilt\u00e4, jotka myyv\u00e4t digitaalisia tuotteita tai palveluja EU-asiakkaille. Seuraamukset vaihtelevat j\u00e4senvaltioittain: sakot voivat olla \u00a0100 000 euroa Saksassa<\/strong>\u00a0 ja \u00a0250 000 euroa Ranskassa<\/strong>. Vaatimustenvastaiset tuotteet voidaan poistaa markkinoilta kokonaan.<\/p>\nMitk\u00e4 ovat WCAG:n nelj\u00e4 periaatetta?<\/strong><\/h3>\nWCAG:n nelj\u00e4 periaatetta, joista k\u00e4ytet\u00e4\u00e4n lyhennett\u00e4 \u00a0POUR<\/strong>, ovat havaittava, hallittava, ymm\u00e4rrett\u00e4v\u00e4 ja toimintavarma. N\u00e4m\u00e4 periaatteet ohjaavat kaikkia WCAG:n onnistumiskriteerej\u00e4 ja m\u00e4\u00e4rittelev\u00e4t, mit\u00e4 verkkosis\u00e4ll\u00f6n saavutettavuus tarkoittaa.<\/p>\n\n\n\n\nPeriaate<\/th>\nMit\u00e4 se tarkoittaa<\/th>\nEsimerkkivaatimus<\/th>\n<\/tr>\n<\/thead>\n\n\nHavaittava<\/td>\nK\u00e4ytt\u00e4jien on voitava havaita sis\u00e4lt\u00f6 v\u00e4hint\u00e4\u00e4n yhden aistin avulla.<\/td>\nTarjoa kuville tekstivastineet ja lis\u00e4\u00e4 videoihin tekstitykset.<\/td>\n<\/tr>\n\nHallittava<\/td>\nK\u00e4ytt\u00e4jien on voitava k\u00e4ytt\u00e4\u00e4 k\u00e4ytt\u00f6liittym\u00e4\u00e4.<\/td>\nMahdollista n\u00e4pp\u00e4imist\u00f6k\u00e4ytt\u00f6 ja anna riitt\u00e4v\u00e4sti aikaa sis\u00e4ll\u00f6n lukemiseen.<\/td>\n<\/tr>\n\nYmm\u00e4rrett\u00e4v\u00e4<\/td>\nK\u00e4ytt\u00e4jien on ymm\u00e4rrett\u00e4v\u00e4 sis\u00e4lt\u00f6 ja sen k\u00e4ytt\u00e4minen.<\/td>\nK\u00e4yt\u00e4 selke\u00e4\u00e4 kielt\u00e4 ja tee navigoinnista ennakoitavaa.<\/td>\n<\/tr>\n\nToimintavarma<\/td>\nSis\u00e4ll\u00f6n on toimittava nykyisten ja tulevien k\u00e4ytt\u00e4j\u00e4agenttien kanssa.<\/td>\nK\u00e4yt\u00e4 kelvollista koodia ja varmista yhteensopivuus avustavan teknologian kanssa.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/figure>\nMitk\u00e4 ovat WCAG:n 13 ohjetta?<\/strong><\/h3>\nWCAG:n nelj\u00e4 periaatetta sis\u00e4lt\u00e4v\u00e4t \u00a013 ohjetta<\/strong>\u00a0, jotka m\u00e4\u00e4rittelev\u00e4t verkkosaavutettavuuden erityiset tavoitteet. Jokaisella ohjeella on testattavat onnistumiskriteerit kolmella WCAG-vaatimustenmukaisuustasolla: A, AA ja AAA.<\/p>\nHavaittavuutta koskevat ohjeet<\/strong><\/h3>\n1.1 Tekstivastineet<\/strong>\u00a0 \u2014 Tarjoa tekstivastineet muulle kuin tekstimuotoiselle sis\u00e4ll\u00f6lle. T\u00e4m\u00e4 sis\u00e4lt\u00e4\u00e4 kuvien alt-tekstit, lomakekenttien selitteet ja kuvakkeiden kuvaukset. Tekstivastineiden avulla n\u00e4yt\u00f6nlukijan k\u00e4ytt\u00e4j\u00e4t ymm\u00e4rt\u00e4v\u00e4t sis\u00e4ll\u00f6n, jota he eiv\u00e4t voi n\u00e4hd\u00e4.<\/p>\n1.2 Aikasidonnainen media<\/strong>\u00a0 \u2014 Tarjoa vaihtoehtoja \u00e4\u00e4ni- ja videosis\u00e4ll\u00f6lle. N\u00e4it\u00e4 ovat videoiden tekstitykset, \u00e4\u00e4nitiedostojen tekstimuotoiset versiot ja visuaalisen sis\u00e4ll\u00f6n kuvailutulkkaus.<\/p>\n1.3 Mukautettava<\/strong>\u00a0 \u2014 Luo sis\u00e4lt\u00f6\u00e4, joka voidaan esitt\u00e4\u00e4 eri tavoilla tietojen tai rakenteen katoamatta. Verkkosivujen merkityksen tulee s\u00e4ily\u00e4, kun k\u00e4ytt\u00e4j\u00e4t muuttavat n\u00e4ytt\u00f6asetuksia tai k\u00e4ytt\u00e4v\u00e4t avustavaa teknologiaa.<\/p>\n1.4 Erottuva<\/strong>\u00a0 \u2014 Tee sis\u00e4ll\u00f6st\u00e4 helposti n\u00e4ht\u00e4v\u00e4\u00e4 ja kuultavaa. T\u00e4h\u00e4n kuuluvat riitt\u00e4v\u00e4 v\u00e4rikontrasti, tekstin koon muuttaminen ja \u00e4\u00e4nenhallinta. Heikkon\u00e4k\u00f6iset tai kuulovammaiset k\u00e4ytt\u00e4j\u00e4t ovat riippuvaisia n\u00e4ist\u00e4 ominaisuuksista.<\/p>\nHallittavuutta koskevat ohjeet<\/strong><\/h3>\n2.1 K\u00e4ytett\u00e4viss\u00e4 n\u00e4pp\u00e4imist\u00f6ll\u00e4<\/strong>\u00a0 \u2014 Tee kaikki toiminnot k\u00e4ytett\u00e4viksi n\u00e4pp\u00e4imist\u00f6ll\u00e4. K\u00e4ytt\u00e4jien, jotka eiv\u00e4t voi k\u00e4ytt\u00e4\u00e4 hiirt\u00e4, on voitava liikkua verkkosis\u00e4ll\u00f6ss\u00e4 pelk\u00e4n n\u00e4pp\u00e4imist\u00f6n avulla.<\/p>\n2.2 Riitt\u00e4v\u00e4sti aikaa<\/strong>\u00a0 \u2014 Anna k\u00e4ytt\u00e4jille riitt\u00e4v\u00e4sti aikaa sis\u00e4ll\u00f6n lukemiseen ja k\u00e4ytt\u00e4miseen. V\u00e4lt\u00e4 tiukkoja aikarajoja tai tarjoa mahdollisuus pident\u00e4\u00e4 niit\u00e4.<\/p>\n2.3 Sairauskohtaukset ja fyysiset reaktiot<\/strong>\u00a0 \u2014 \u00c4l\u00e4 suunnittele sis\u00e4lt\u00f6\u00e4, joka voi aiheuttaa sairauskohtauksia. V\u00e4lt\u00e4 vilkkuvaa sis\u00e4lt\u00f6\u00e4, joka voi laukaista valoherk\u00e4n epilepsian.<\/p>\n2.4 Navigoitava<\/strong>\u00a0 \u2014 Auta k\u00e4ytt\u00e4ji\u00e4 liikkumaan ja l\u00f6yt\u00e4m\u00e4\u00e4n sis\u00e4lt\u00f6\u00e4. K\u00e4yt\u00e4 selkeit\u00e4 otsikoita, kuvaavia linkkitekstej\u00e4 ja loogista kohdistusj\u00e4rjestyst\u00e4.<\/p>\n2.5 Sy\u00f6tetavat<\/strong>\u00a0 \u2014 Tue n\u00e4pp\u00e4imist\u00f6n ja hiiren lis\u00e4ksi muita sy\u00f6tt\u00f6tapoja. K\u00e4ytt\u00e4j\u00e4t voivat k\u00e4ytt\u00e4\u00e4 kosketusn\u00e4ytt\u00f6j\u00e4, \u00e4\u00e4nikomentoja tai kytkinohjausta.<\/p>\nYmm\u00e4rrett\u00e4vyytt\u00e4 koskevat ohjeet<\/h3>\n3.1 Luettava<\/strong>\u00a0 \u2014 Tee tekstist\u00e4 luettavaa ja ymm\u00e4rrett\u00e4v\u00e4\u00e4. K\u00e4yt\u00e4 selke\u00e4\u00e4 kielt\u00e4 ja m\u00e4\u00e4rittele ep\u00e4tavalliset termit tai lyhenteet.<\/p>\n3.2 Ennakoitava<\/strong>\u00a0 \u2014 Tee verkkosivujen ulkoasusta ja toiminnasta ennakoitavaa. Yhdenmukainen navigointi ja toiminnallisuus auttavat kaikkia k\u00e4ytt\u00e4ji\u00e4.<\/p>\n3.3 Sy\u00f6tteen avustaminen<\/strong>\u00a0 \u2014 Auta k\u00e4ytt\u00e4ji\u00e4 v\u00e4ltt\u00e4m\u00e4\u00e4n ja korjaamaan virheit\u00e4. Tarjoa lomakkeissa selke\u00e4t virheilmoitukset ja ohjeet.<\/p>\nToimintavarmuutta koskevat ohjeet<\/strong><\/h3>\n4.1 Yhteensopiva<\/strong>\u00a0 \u2014 Maksimoi yhteensopivuus nykyisten ja tulevien k\u00e4ytt\u00e4j\u00e4agenttien, mukaan lukien avustavien teknologioiden, kanssa. K\u00e4yt\u00e4 kelvollista koodia ja noudata verkkostandardeja, jotta sis\u00e4lt\u00f6 toimii luotettavasti eri selaimissa ja laitteissa.<\/p>\nMitk\u00e4 ovat WCAG:n kolme vaatimustenmukaisuustasoa?<\/strong><\/h3>\nWCAG:ssa on kolme vaatimustenmukaisuustasoa \u2014 taso A, taso AA ja taso AAA<\/strong> \u2014 jotka m\u00e4\u00e4rittelev\u00e4t kasvavat saavutettavuusvaatimukset. Taso AA on useimpien saavutettavuusvaatimusten oikeudellinen standardi.<\/p>\n\n\n\n\nTaso<\/th>\nKuvaus<\/th>\nOnnistumiskriteerit<\/th>\nOikeudellinen asema<\/th>\n<\/tr>\n<\/thead>\n\n\nTaso A<\/td>\nV\u00e4himm\u00e4issaavutettavuus \u2014 ratkaisee kaikkein kriittisimm\u00e4t saavutettavuusesteet.<\/td>\n30 kriteeri\u00e4<\/td>\nVaaditaan vaatimustenmukaisuuteen<\/td>\n<\/tr>\n\nTaso AA<\/td>\nTavanomainen saavutettavuus \u2014 poistaa esteit\u00e4 useimmilta vammaisilta henkil\u00f6ilt\u00e4.<\/td>\n20 lis\u00e4kriteeri\u00e4<\/td>\nUseimpien lakien edellytt\u00e4m\u00e4<\/td>\n<\/tr>\n\nTaso AAA<\/td>\nKorkein saavutettavuustaso \u2014 tarjoaa parannetun saavutettavuuden, mutta sit\u00e4 ei aina voida saavuttaa.<\/td>\n28 lis\u00e4kriteeri\u00e4<\/td>\nTavoitteellinen; ei lakis\u00e4\u00e4teinen<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/figure>\nJokainen taso perustuu edelliseen. Tason AA saavuttamiseksi kaikkien tason A kriteerien on ensin t\u00e4ytytt\u00e4v\u00e4. Vaatimustenmukaisuustasot auttavat verkkosivustojen omistajia priorisoimaan saavutettavuustoimia ja ymm\u00e4rt\u00e4m\u00e4\u00e4n velvoitteensa.<\/p>\nUseimpien saavutettavuuslakien mukaista WCAG-vaatimustenmukaisuutta varten organisaatioiden on t\u00e4ytett\u00e4v\u00e4 kaikki WCAG-tason A ja AA onnistumiskriteerit.<\/strong>\u00a0 Tason AAA vaatimustenmukaisuus on valinnainen, koska joitakin kriteerej\u00e4 ei voida t\u00e4ytt\u00e4\u00e4 kaikille sis\u00e4lt\u00f6tyypeille.<\/p>\nMiten onnistumiskriteerit eroavat tasoittain<\/strong><\/h3>\nSamalla ohjeella voi olla onnistumiskriteerej\u00e4 eri tasoilla. Seuraava esimerkki koskee videoiden saavutettavuusvaatimuksia:<\/p>\n<\/figure>\n
Yksityisten yritysten osalta \u00a0Americans with Disabilities Act -lain Title III<\/strong>\u00a0 edellytt\u00e4\u00e4 verkkosivustojen saavutettavuutta tuomioistuinten ratkaisujen ja DOJ:n sovintosopimusten perusteella. \u00a0Section 508<\/strong>\u00a0 Rehabilitation Act -laissa edellytt\u00e4\u00e4 nimenomaisesti, ett\u00e4 liittovaltion virastot ja niiden sopimuskumppanit noudattavat WCAG-vaatimuksia.<\/p>\nDigitaalista saavutettavuutta koskevat oikeusjutut ovat edelleen yleisi\u00e4. Automaattiset ty\u00f6kalut mahdollistavat valitusten tuottamisen laajassa mittakaavassa, joten mik\u00e4 tahansa saavutettavuusongelmia sis\u00e4lt\u00e4v\u00e4 yritys voi joutua kohteeksi.<\/p>\nMitk\u00e4 saavutettavuuslait edellytt\u00e4v\u00e4t WCAG-vaatimusten noudattamista?<\/strong><\/h3>\nDigitaalista saavutettavuutta koskevassa lains\u00e4\u00e4d\u00e4nn\u00f6ss\u00e4 eri puolilla maailmaa viitataan WCAG:iin teknisen\u00e4 vaatimustenmukaisuusstandardina. WCAG-vaatimusten t\u00e4ytt\u00e4minen t\u00e4ytt\u00e4\u00e4 useimpien saavutettavuuss\u00e4\u00e4d\u00f6sten vaatimukset.<\/p>\n\n\n\n\nLaki \/ m\u00e4\u00e4r\u00e4ys<\/th>\nMaantieteellinen soveltamisala<\/th>\nVaadittu WCAG-standardi<\/th>\nVaatimusten m\u00e4\u00e4r\u00e4aika<\/th>\n<\/tr>\n<\/thead>\n\n\nADA Title II (DOJ:n s\u00e4\u00e4nt\u00f6)<\/td>\nYhdysvaltojen osavaltio- ja paikallishallinnot<\/td>\nWCAG 2.1 AA<\/td>\nHuhtikuu 2026 \/ 2027<\/td>\n<\/tr>\n\nADA Title III<\/td>\nYhdysvaltojen yksityiset yritykset<\/td>\nWCAG 2.1 AA (tuomioistuinten k\u00e4ytt\u00e4m\u00e4 tosiasiallinen standardi)<\/td>\nJatkuva<\/td>\n<\/tr>\n\nSection 508<\/td>\nYhdysvaltojen liittovaltion virastot<\/td>\nWCAG 2.0 AA<\/td>\nVoimassa<\/td>\n<\/tr>\n\nEuropean Accessibility Act<\/td>\nEU-kuluttajia palvelevat yritykset<\/td>\nEN 301 549 (sis\u00e4lt\u00e4\u00e4 WCAG 2.1 AA:n)<\/td>\n28. kes\u00e4kuuta 2025<\/td>\n<\/tr>\n\nAODA<\/td>\nOntario, Kanada<\/td>\nWCAG 2.0 AA<\/td>\nVoimassa<\/td>\n<\/tr>\n\nEuropean Web Accessibility Directive<\/td>\nEuroopan unionin julkinen sektori<\/td>\nEN 301 549 (sis\u00e4lt\u00e4\u00e4 WCAG 2.1 AA:n)<\/td>\nVoimassa<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/figure>\nEuropean Accessibility Act (EAA) tuli t\u00e4yt\u00e4nt\u00f6\u00f6npanokelpoiseksi \u00a028. kes\u00e4kuuta 2025<\/strong>, ja se edellytt\u00e4\u00e4 WCAG-vaatimusten noudattamista monilta yrityksilt\u00e4, jotka myyv\u00e4t digitaalisia tuotteita tai palveluja EU-asiakkaille. Seuraamukset vaihtelevat j\u00e4senvaltioittain: sakot voivat olla \u00a0100 000 euroa Saksassa<\/strong>\u00a0 ja \u00a0250 000 euroa Ranskassa<\/strong>. Vaatimustenvastaiset tuotteet voidaan poistaa markkinoilta kokonaan.<\/p>\nMitk\u00e4 ovat WCAG:n nelj\u00e4 periaatetta?<\/strong><\/h3>\nWCAG:n nelj\u00e4 periaatetta, joista k\u00e4ytet\u00e4\u00e4n lyhennett\u00e4 \u00a0POUR<\/strong>, ovat havaittava, hallittava, ymm\u00e4rrett\u00e4v\u00e4 ja toimintavarma. N\u00e4m\u00e4 periaatteet ohjaavat kaikkia WCAG:n onnistumiskriteerej\u00e4 ja m\u00e4\u00e4rittelev\u00e4t, mit\u00e4 verkkosis\u00e4ll\u00f6n saavutettavuus tarkoittaa.<\/p>\n\n\n\n\nPeriaate<\/th>\nMit\u00e4 se tarkoittaa<\/th>\nEsimerkkivaatimus<\/th>\n<\/tr>\n<\/thead>\n\n\nHavaittava<\/td>\nK\u00e4ytt\u00e4jien on voitava havaita sis\u00e4lt\u00f6 v\u00e4hint\u00e4\u00e4n yhden aistin avulla.<\/td>\nTarjoa kuville tekstivastineet ja lis\u00e4\u00e4 videoihin tekstitykset.<\/td>\n<\/tr>\n\nHallittava<\/td>\nK\u00e4ytt\u00e4jien on voitava k\u00e4ytt\u00e4\u00e4 k\u00e4ytt\u00f6liittym\u00e4\u00e4.<\/td>\nMahdollista n\u00e4pp\u00e4imist\u00f6k\u00e4ytt\u00f6 ja anna riitt\u00e4v\u00e4sti aikaa sis\u00e4ll\u00f6n lukemiseen.<\/td>\n<\/tr>\n\nYmm\u00e4rrett\u00e4v\u00e4<\/td>\nK\u00e4ytt\u00e4jien on ymm\u00e4rrett\u00e4v\u00e4 sis\u00e4lt\u00f6 ja sen k\u00e4ytt\u00e4minen.<\/td>\nK\u00e4yt\u00e4 selke\u00e4\u00e4 kielt\u00e4 ja tee navigoinnista ennakoitavaa.<\/td>\n<\/tr>\n\nToimintavarma<\/td>\nSis\u00e4ll\u00f6n on toimittava nykyisten ja tulevien k\u00e4ytt\u00e4j\u00e4agenttien kanssa.<\/td>\nK\u00e4yt\u00e4 kelvollista koodia ja varmista yhteensopivuus avustavan teknologian kanssa.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/figure>\nMitk\u00e4 ovat WCAG:n 13 ohjetta?<\/strong><\/h3>\nWCAG:n nelj\u00e4 periaatetta sis\u00e4lt\u00e4v\u00e4t \u00a013 ohjetta<\/strong>\u00a0, jotka m\u00e4\u00e4rittelev\u00e4t verkkosaavutettavuuden erityiset tavoitteet. Jokaisella ohjeella on testattavat onnistumiskriteerit kolmella WCAG-vaatimustenmukaisuustasolla: A, AA ja AAA.<\/p>\nHavaittavuutta koskevat ohjeet<\/strong><\/h3>\n1.1 Tekstivastineet<\/strong>\u00a0 \u2014 Tarjoa tekstivastineet muulle kuin tekstimuotoiselle sis\u00e4ll\u00f6lle. T\u00e4m\u00e4 sis\u00e4lt\u00e4\u00e4 kuvien alt-tekstit, lomakekenttien selitteet ja kuvakkeiden kuvaukset. Tekstivastineiden avulla n\u00e4yt\u00f6nlukijan k\u00e4ytt\u00e4j\u00e4t ymm\u00e4rt\u00e4v\u00e4t sis\u00e4ll\u00f6n, jota he eiv\u00e4t voi n\u00e4hd\u00e4.<\/p>\n1.2 Aikasidonnainen media<\/strong>\u00a0 \u2014 Tarjoa vaihtoehtoja \u00e4\u00e4ni- ja videosis\u00e4ll\u00f6lle. N\u00e4it\u00e4 ovat videoiden tekstitykset, \u00e4\u00e4nitiedostojen tekstimuotoiset versiot ja visuaalisen sis\u00e4ll\u00f6n kuvailutulkkaus.<\/p>\n1.3 Mukautettava<\/strong>\u00a0 \u2014 Luo sis\u00e4lt\u00f6\u00e4, joka voidaan esitt\u00e4\u00e4 eri tavoilla tietojen tai rakenteen katoamatta. Verkkosivujen merkityksen tulee s\u00e4ily\u00e4, kun k\u00e4ytt\u00e4j\u00e4t muuttavat n\u00e4ytt\u00f6asetuksia tai k\u00e4ytt\u00e4v\u00e4t avustavaa teknologiaa.<\/p>\n1.4 Erottuva<\/strong>\u00a0 \u2014 Tee sis\u00e4ll\u00f6st\u00e4 helposti n\u00e4ht\u00e4v\u00e4\u00e4 ja kuultavaa. T\u00e4h\u00e4n kuuluvat riitt\u00e4v\u00e4 v\u00e4rikontrasti, tekstin koon muuttaminen ja \u00e4\u00e4nenhallinta. Heikkon\u00e4k\u00f6iset tai kuulovammaiset k\u00e4ytt\u00e4j\u00e4t ovat riippuvaisia n\u00e4ist\u00e4 ominaisuuksista.<\/p>\nHallittavuutta koskevat ohjeet<\/strong><\/h3>\n2.1 K\u00e4ytett\u00e4viss\u00e4 n\u00e4pp\u00e4imist\u00f6ll\u00e4<\/strong>\u00a0 \u2014 Tee kaikki toiminnot k\u00e4ytett\u00e4viksi n\u00e4pp\u00e4imist\u00f6ll\u00e4. K\u00e4ytt\u00e4jien, jotka eiv\u00e4t voi k\u00e4ytt\u00e4\u00e4 hiirt\u00e4, on voitava liikkua verkkosis\u00e4ll\u00f6ss\u00e4 pelk\u00e4n n\u00e4pp\u00e4imist\u00f6n avulla.<\/p>\n2.2 Riitt\u00e4v\u00e4sti aikaa<\/strong>\u00a0 \u2014 Anna k\u00e4ytt\u00e4jille riitt\u00e4v\u00e4sti aikaa sis\u00e4ll\u00f6n lukemiseen ja k\u00e4ytt\u00e4miseen. V\u00e4lt\u00e4 tiukkoja aikarajoja tai tarjoa mahdollisuus pident\u00e4\u00e4 niit\u00e4.<\/p>\n2.3 Sairauskohtaukset ja fyysiset reaktiot<\/strong>\u00a0 \u2014 \u00c4l\u00e4 suunnittele sis\u00e4lt\u00f6\u00e4, joka voi aiheuttaa sairauskohtauksia. V\u00e4lt\u00e4 vilkkuvaa sis\u00e4lt\u00f6\u00e4, joka voi laukaista valoherk\u00e4n epilepsian.<\/p>\n2.4 Navigoitava<\/strong>\u00a0 \u2014 Auta k\u00e4ytt\u00e4ji\u00e4 liikkumaan ja l\u00f6yt\u00e4m\u00e4\u00e4n sis\u00e4lt\u00f6\u00e4. K\u00e4yt\u00e4 selkeit\u00e4 otsikoita, kuvaavia linkkitekstej\u00e4 ja loogista kohdistusj\u00e4rjestyst\u00e4.<\/p>\n2.5 Sy\u00f6tetavat<\/strong>\u00a0 \u2014 Tue n\u00e4pp\u00e4imist\u00f6n ja hiiren lis\u00e4ksi muita sy\u00f6tt\u00f6tapoja. K\u00e4ytt\u00e4j\u00e4t voivat k\u00e4ytt\u00e4\u00e4 kosketusn\u00e4ytt\u00f6j\u00e4, \u00e4\u00e4nikomentoja tai kytkinohjausta.<\/p>\nYmm\u00e4rrett\u00e4vyytt\u00e4 koskevat ohjeet<\/h3>\n3.1 Luettava<\/strong>\u00a0 \u2014 Tee tekstist\u00e4 luettavaa ja ymm\u00e4rrett\u00e4v\u00e4\u00e4. K\u00e4yt\u00e4 selke\u00e4\u00e4 kielt\u00e4 ja m\u00e4\u00e4rittele ep\u00e4tavalliset termit tai lyhenteet.<\/p>\n3.2 Ennakoitava<\/strong>\u00a0 \u2014 Tee verkkosivujen ulkoasusta ja toiminnasta ennakoitavaa. Yhdenmukainen navigointi ja toiminnallisuus auttavat kaikkia k\u00e4ytt\u00e4ji\u00e4.<\/p>\n3.3 Sy\u00f6tteen avustaminen<\/strong>\u00a0 \u2014 Auta k\u00e4ytt\u00e4ji\u00e4 v\u00e4ltt\u00e4m\u00e4\u00e4n ja korjaamaan virheit\u00e4. Tarjoa lomakkeissa selke\u00e4t virheilmoitukset ja ohjeet.<\/p>\nToimintavarmuutta koskevat ohjeet<\/strong><\/h3>\n4.1 Yhteensopiva<\/strong>\u00a0 \u2014 Maksimoi yhteensopivuus nykyisten ja tulevien k\u00e4ytt\u00e4j\u00e4agenttien, mukaan lukien avustavien teknologioiden, kanssa. K\u00e4yt\u00e4 kelvollista koodia ja noudata verkkostandardeja, jotta sis\u00e4lt\u00f6 toimii luotettavasti eri selaimissa ja laitteissa.<\/p>\nMitk\u00e4 ovat WCAG:n kolme vaatimustenmukaisuustasoa?<\/strong><\/h3>\nWCAG:ssa on kolme vaatimustenmukaisuustasoa \u2014 taso A, taso AA ja taso AAA<\/strong> \u2014 jotka m\u00e4\u00e4rittelev\u00e4t kasvavat saavutettavuusvaatimukset. Taso AA on useimpien saavutettavuusvaatimusten oikeudellinen standardi.<\/p>\n\n\n\n\nTaso<\/th>\nKuvaus<\/th>\nOnnistumiskriteerit<\/th>\nOikeudellinen asema<\/th>\n<\/tr>\n<\/thead>\n\n\nTaso A<\/td>\nV\u00e4himm\u00e4issaavutettavuus \u2014 ratkaisee kaikkein kriittisimm\u00e4t saavutettavuusesteet.<\/td>\n30 kriteeri\u00e4<\/td>\nVaaditaan vaatimustenmukaisuuteen<\/td>\n<\/tr>\n\nTaso AA<\/td>\nTavanomainen saavutettavuus \u2014 poistaa esteit\u00e4 useimmilta vammaisilta henkil\u00f6ilt\u00e4.<\/td>\n20 lis\u00e4kriteeri\u00e4<\/td>\nUseimpien lakien edellytt\u00e4m\u00e4<\/td>\n<\/tr>\n\nTaso AAA<\/td>\nKorkein saavutettavuustaso \u2014 tarjoaa parannetun saavutettavuuden, mutta sit\u00e4 ei aina voida saavuttaa.<\/td>\n28 lis\u00e4kriteeri\u00e4<\/td>\nTavoitteellinen; ei lakis\u00e4\u00e4teinen<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/figure>\nJokainen taso perustuu edelliseen. Tason AA saavuttamiseksi kaikkien tason A kriteerien on ensin t\u00e4ytytt\u00e4v\u00e4. Vaatimustenmukaisuustasot auttavat verkkosivustojen omistajia priorisoimaan saavutettavuustoimia ja ymm\u00e4rt\u00e4m\u00e4\u00e4n velvoitteensa.<\/p>\nUseimpien saavutettavuuslakien mukaista WCAG-vaatimustenmukaisuutta varten organisaatioiden on t\u00e4ytett\u00e4v\u00e4 kaikki WCAG-tason A ja AA onnistumiskriteerit.<\/strong>\u00a0 Tason AAA vaatimustenmukaisuus on valinnainen, koska joitakin kriteerej\u00e4 ei voida t\u00e4ytt\u00e4\u00e4 kaikille sis\u00e4lt\u00f6tyypeille.<\/p>\nMiten onnistumiskriteerit eroavat tasoittain<\/strong><\/h3>\nSamalla ohjeella voi olla onnistumiskriteerej\u00e4 eri tasoilla. Seuraava esimerkki koskee videoiden saavutettavuusvaatimuksia:<\/p>\n<\/figure>\n
Digitaalista saavutettavuutta koskevat oikeusjutut ovat edelleen yleisi\u00e4. Automaattiset ty\u00f6kalut mahdollistavat valitusten tuottamisen laajassa mittakaavassa, joten mik\u00e4 tahansa saavutettavuusongelmia sis\u00e4lt\u00e4v\u00e4 yritys voi joutua kohteeksi.<\/p>\n
Digitaalista saavutettavuutta koskevassa lains\u00e4\u00e4d\u00e4nn\u00f6ss\u00e4 eri puolilla maailmaa viitataan WCAG:iin teknisen\u00e4 vaatimustenmukaisuusstandardina. WCAG-vaatimusten t\u00e4ytt\u00e4minen t\u00e4ytt\u00e4\u00e4 useimpien saavutettavuuss\u00e4\u00e4d\u00f6sten vaatimukset.<\/p>\n\n\n\n\nLaki \/ m\u00e4\u00e4r\u00e4ys<\/th>\nMaantieteellinen soveltamisala<\/th>\nVaadittu WCAG-standardi<\/th>\nVaatimusten m\u00e4\u00e4r\u00e4aika<\/th>\n<\/tr>\n<\/thead>\n\n\nADA Title II (DOJ:n s\u00e4\u00e4nt\u00f6)<\/td>\nYhdysvaltojen osavaltio- ja paikallishallinnot<\/td>\nWCAG 2.1 AA<\/td>\nHuhtikuu 2026 \/ 2027<\/td>\n<\/tr>\n\nADA Title III<\/td>\nYhdysvaltojen yksityiset yritykset<\/td>\nWCAG 2.1 AA (tuomioistuinten k\u00e4ytt\u00e4m\u00e4 tosiasiallinen standardi)<\/td>\nJatkuva<\/td>\n<\/tr>\n\nSection 508<\/td>\nYhdysvaltojen liittovaltion virastot<\/td>\nWCAG 2.0 AA<\/td>\nVoimassa<\/td>\n<\/tr>\n\nEuropean Accessibility Act<\/td>\nEU-kuluttajia palvelevat yritykset<\/td>\nEN 301 549 (sis\u00e4lt\u00e4\u00e4 WCAG 2.1 AA:n)<\/td>\n28. kes\u00e4kuuta 2025<\/td>\n<\/tr>\n\nAODA<\/td>\nOntario, Kanada<\/td>\nWCAG 2.0 AA<\/td>\nVoimassa<\/td>\n<\/tr>\n\nEuropean Web Accessibility Directive<\/td>\nEuroopan unionin julkinen sektori<\/td>\nEN 301 549 (sis\u00e4lt\u00e4\u00e4 WCAG 2.1 AA:n)<\/td>\nVoimassa<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/figure>\nEuropean Accessibility Act (EAA) tuli t\u00e4yt\u00e4nt\u00f6\u00f6npanokelpoiseksi \u00a028. kes\u00e4kuuta 2025<\/strong>, ja se edellytt\u00e4\u00e4 WCAG-vaatimusten noudattamista monilta yrityksilt\u00e4, jotka myyv\u00e4t digitaalisia tuotteita tai palveluja EU-asiakkaille. Seuraamukset vaihtelevat j\u00e4senvaltioittain: sakot voivat olla \u00a0100 000 euroa Saksassa<\/strong>\u00a0 ja \u00a0250 000 euroa Ranskassa<\/strong>. Vaatimustenvastaiset tuotteet voidaan poistaa markkinoilta kokonaan.<\/p>\nMitk\u00e4 ovat WCAG:n nelj\u00e4 periaatetta?<\/strong><\/h3>\nWCAG:n nelj\u00e4 periaatetta, joista k\u00e4ytet\u00e4\u00e4n lyhennett\u00e4 \u00a0POUR<\/strong>, ovat havaittava, hallittava, ymm\u00e4rrett\u00e4v\u00e4 ja toimintavarma. N\u00e4m\u00e4 periaatteet ohjaavat kaikkia WCAG:n onnistumiskriteerej\u00e4 ja m\u00e4\u00e4rittelev\u00e4t, mit\u00e4 verkkosis\u00e4ll\u00f6n saavutettavuus tarkoittaa.<\/p>\n\n\n\n\nPeriaate<\/th>\nMit\u00e4 se tarkoittaa<\/th>\nEsimerkkivaatimus<\/th>\n<\/tr>\n<\/thead>\n\n\nHavaittava<\/td>\nK\u00e4ytt\u00e4jien on voitava havaita sis\u00e4lt\u00f6 v\u00e4hint\u00e4\u00e4n yhden aistin avulla.<\/td>\nTarjoa kuville tekstivastineet ja lis\u00e4\u00e4 videoihin tekstitykset.<\/td>\n<\/tr>\n\nHallittava<\/td>\nK\u00e4ytt\u00e4jien on voitava k\u00e4ytt\u00e4\u00e4 k\u00e4ytt\u00f6liittym\u00e4\u00e4.<\/td>\nMahdollista n\u00e4pp\u00e4imist\u00f6k\u00e4ytt\u00f6 ja anna riitt\u00e4v\u00e4sti aikaa sis\u00e4ll\u00f6n lukemiseen.<\/td>\n<\/tr>\n\nYmm\u00e4rrett\u00e4v\u00e4<\/td>\nK\u00e4ytt\u00e4jien on ymm\u00e4rrett\u00e4v\u00e4 sis\u00e4lt\u00f6 ja sen k\u00e4ytt\u00e4minen.<\/td>\nK\u00e4yt\u00e4 selke\u00e4\u00e4 kielt\u00e4 ja tee navigoinnista ennakoitavaa.<\/td>\n<\/tr>\n\nToimintavarma<\/td>\nSis\u00e4ll\u00f6n on toimittava nykyisten ja tulevien k\u00e4ytt\u00e4j\u00e4agenttien kanssa.<\/td>\nK\u00e4yt\u00e4 kelvollista koodia ja varmista yhteensopivuus avustavan teknologian kanssa.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/figure>\nMitk\u00e4 ovat WCAG:n 13 ohjetta?<\/strong><\/h3>\nWCAG:n nelj\u00e4 periaatetta sis\u00e4lt\u00e4v\u00e4t \u00a013 ohjetta<\/strong>\u00a0, jotka m\u00e4\u00e4rittelev\u00e4t verkkosaavutettavuuden erityiset tavoitteet. Jokaisella ohjeella on testattavat onnistumiskriteerit kolmella WCAG-vaatimustenmukaisuustasolla: A, AA ja AAA.<\/p>\nHavaittavuutta koskevat ohjeet<\/strong><\/h3>\n1.1 Tekstivastineet<\/strong>\u00a0 \u2014 Tarjoa tekstivastineet muulle kuin tekstimuotoiselle sis\u00e4ll\u00f6lle. T\u00e4m\u00e4 sis\u00e4lt\u00e4\u00e4 kuvien alt-tekstit, lomakekenttien selitteet ja kuvakkeiden kuvaukset. Tekstivastineiden avulla n\u00e4yt\u00f6nlukijan k\u00e4ytt\u00e4j\u00e4t ymm\u00e4rt\u00e4v\u00e4t sis\u00e4ll\u00f6n, jota he eiv\u00e4t voi n\u00e4hd\u00e4.<\/p>\n1.2 Aikasidonnainen media<\/strong>\u00a0 \u2014 Tarjoa vaihtoehtoja \u00e4\u00e4ni- ja videosis\u00e4ll\u00f6lle. N\u00e4it\u00e4 ovat videoiden tekstitykset, \u00e4\u00e4nitiedostojen tekstimuotoiset versiot ja visuaalisen sis\u00e4ll\u00f6n kuvailutulkkaus.<\/p>\n1.3 Mukautettava<\/strong>\u00a0 \u2014 Luo sis\u00e4lt\u00f6\u00e4, joka voidaan esitt\u00e4\u00e4 eri tavoilla tietojen tai rakenteen katoamatta. Verkkosivujen merkityksen tulee s\u00e4ily\u00e4, kun k\u00e4ytt\u00e4j\u00e4t muuttavat n\u00e4ytt\u00f6asetuksia tai k\u00e4ytt\u00e4v\u00e4t avustavaa teknologiaa.<\/p>\n1.4 Erottuva<\/strong>\u00a0 \u2014 Tee sis\u00e4ll\u00f6st\u00e4 helposti n\u00e4ht\u00e4v\u00e4\u00e4 ja kuultavaa. T\u00e4h\u00e4n kuuluvat riitt\u00e4v\u00e4 v\u00e4rikontrasti, tekstin koon muuttaminen ja \u00e4\u00e4nenhallinta. Heikkon\u00e4k\u00f6iset tai kuulovammaiset k\u00e4ytt\u00e4j\u00e4t ovat riippuvaisia n\u00e4ist\u00e4 ominaisuuksista.<\/p>\nHallittavuutta koskevat ohjeet<\/strong><\/h3>\n2.1 K\u00e4ytett\u00e4viss\u00e4 n\u00e4pp\u00e4imist\u00f6ll\u00e4<\/strong>\u00a0 \u2014 Tee kaikki toiminnot k\u00e4ytett\u00e4viksi n\u00e4pp\u00e4imist\u00f6ll\u00e4. K\u00e4ytt\u00e4jien, jotka eiv\u00e4t voi k\u00e4ytt\u00e4\u00e4 hiirt\u00e4, on voitava liikkua verkkosis\u00e4ll\u00f6ss\u00e4 pelk\u00e4n n\u00e4pp\u00e4imist\u00f6n avulla.<\/p>\n2.2 Riitt\u00e4v\u00e4sti aikaa<\/strong>\u00a0 \u2014 Anna k\u00e4ytt\u00e4jille riitt\u00e4v\u00e4sti aikaa sis\u00e4ll\u00f6n lukemiseen ja k\u00e4ytt\u00e4miseen. V\u00e4lt\u00e4 tiukkoja aikarajoja tai tarjoa mahdollisuus pident\u00e4\u00e4 niit\u00e4.<\/p>\n2.3 Sairauskohtaukset ja fyysiset reaktiot<\/strong>\u00a0 \u2014 \u00c4l\u00e4 suunnittele sis\u00e4lt\u00f6\u00e4, joka voi aiheuttaa sairauskohtauksia. V\u00e4lt\u00e4 vilkkuvaa sis\u00e4lt\u00f6\u00e4, joka voi laukaista valoherk\u00e4n epilepsian.<\/p>\n2.4 Navigoitava<\/strong>\u00a0 \u2014 Auta k\u00e4ytt\u00e4ji\u00e4 liikkumaan ja l\u00f6yt\u00e4m\u00e4\u00e4n sis\u00e4lt\u00f6\u00e4. K\u00e4yt\u00e4 selkeit\u00e4 otsikoita, kuvaavia linkkitekstej\u00e4 ja loogista kohdistusj\u00e4rjestyst\u00e4.<\/p>\n2.5 Sy\u00f6tetavat<\/strong>\u00a0 \u2014 Tue n\u00e4pp\u00e4imist\u00f6n ja hiiren lis\u00e4ksi muita sy\u00f6tt\u00f6tapoja. K\u00e4ytt\u00e4j\u00e4t voivat k\u00e4ytt\u00e4\u00e4 kosketusn\u00e4ytt\u00f6j\u00e4, \u00e4\u00e4nikomentoja tai kytkinohjausta.<\/p>\nYmm\u00e4rrett\u00e4vyytt\u00e4 koskevat ohjeet<\/h3>\n3.1 Luettava<\/strong>\u00a0 \u2014 Tee tekstist\u00e4 luettavaa ja ymm\u00e4rrett\u00e4v\u00e4\u00e4. K\u00e4yt\u00e4 selke\u00e4\u00e4 kielt\u00e4 ja m\u00e4\u00e4rittele ep\u00e4tavalliset termit tai lyhenteet.<\/p>\n3.2 Ennakoitava<\/strong>\u00a0 \u2014 Tee verkkosivujen ulkoasusta ja toiminnasta ennakoitavaa. Yhdenmukainen navigointi ja toiminnallisuus auttavat kaikkia k\u00e4ytt\u00e4ji\u00e4.<\/p>\n3.3 Sy\u00f6tteen avustaminen<\/strong>\u00a0 \u2014 Auta k\u00e4ytt\u00e4ji\u00e4 v\u00e4ltt\u00e4m\u00e4\u00e4n ja korjaamaan virheit\u00e4. Tarjoa lomakkeissa selke\u00e4t virheilmoitukset ja ohjeet.<\/p>\nToimintavarmuutta koskevat ohjeet<\/strong><\/h3>\n4.1 Yhteensopiva<\/strong>\u00a0 \u2014 Maksimoi yhteensopivuus nykyisten ja tulevien k\u00e4ytt\u00e4j\u00e4agenttien, mukaan lukien avustavien teknologioiden, kanssa. K\u00e4yt\u00e4 kelvollista koodia ja noudata verkkostandardeja, jotta sis\u00e4lt\u00f6 toimii luotettavasti eri selaimissa ja laitteissa.<\/p>\nMitk\u00e4 ovat WCAG:n kolme vaatimustenmukaisuustasoa?<\/strong><\/h3>\nWCAG:ssa on kolme vaatimustenmukaisuustasoa \u2014 taso A, taso AA ja taso AAA<\/strong> \u2014 jotka m\u00e4\u00e4rittelev\u00e4t kasvavat saavutettavuusvaatimukset. Taso AA on useimpien saavutettavuusvaatimusten oikeudellinen standardi.<\/p>\n\n\n\n\nTaso<\/th>\nKuvaus<\/th>\nOnnistumiskriteerit<\/th>\nOikeudellinen asema<\/th>\n<\/tr>\n<\/thead>\n\n\nTaso A<\/td>\nV\u00e4himm\u00e4issaavutettavuus \u2014 ratkaisee kaikkein kriittisimm\u00e4t saavutettavuusesteet.<\/td>\n30 kriteeri\u00e4<\/td>\nVaaditaan vaatimustenmukaisuuteen<\/td>\n<\/tr>\n\nTaso AA<\/td>\nTavanomainen saavutettavuus \u2014 poistaa esteit\u00e4 useimmilta vammaisilta henkil\u00f6ilt\u00e4.<\/td>\n20 lis\u00e4kriteeri\u00e4<\/td>\nUseimpien lakien edellytt\u00e4m\u00e4<\/td>\n<\/tr>\n\nTaso AAA<\/td>\nKorkein saavutettavuustaso \u2014 tarjoaa parannetun saavutettavuuden, mutta sit\u00e4 ei aina voida saavuttaa.<\/td>\n28 lis\u00e4kriteeri\u00e4<\/td>\nTavoitteellinen; ei lakis\u00e4\u00e4teinen<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/figure>\nJokainen taso perustuu edelliseen. Tason AA saavuttamiseksi kaikkien tason A kriteerien on ensin t\u00e4ytytt\u00e4v\u00e4. Vaatimustenmukaisuustasot auttavat verkkosivustojen omistajia priorisoimaan saavutettavuustoimia ja ymm\u00e4rt\u00e4m\u00e4\u00e4n velvoitteensa.<\/p>\nUseimpien saavutettavuuslakien mukaista WCAG-vaatimustenmukaisuutta varten organisaatioiden on t\u00e4ytett\u00e4v\u00e4 kaikki WCAG-tason A ja AA onnistumiskriteerit.<\/strong>\u00a0 Tason AAA vaatimustenmukaisuus on valinnainen, koska joitakin kriteerej\u00e4 ei voida t\u00e4ytt\u00e4\u00e4 kaikille sis\u00e4lt\u00f6tyypeille.<\/p>\nMiten onnistumiskriteerit eroavat tasoittain<\/strong><\/h3>\nSamalla ohjeella voi olla onnistumiskriteerej\u00e4 eri tasoilla. Seuraava esimerkki koskee videoiden saavutettavuusvaatimuksia:<\/p>\n<\/figure>\n
European Accessibility Act (EAA) tuli t\u00e4yt\u00e4nt\u00f6\u00f6npanokelpoiseksi \u00a028. kes\u00e4kuuta 2025<\/strong>, ja se edellytt\u00e4\u00e4 WCAG-vaatimusten noudattamista monilta yrityksilt\u00e4, jotka myyv\u00e4t digitaalisia tuotteita tai palveluja EU-asiakkaille. Seuraamukset vaihtelevat j\u00e4senvaltioittain: sakot voivat olla \u00a0100 000 euroa Saksassa<\/strong>\u00a0 ja \u00a0250 000 euroa Ranskassa<\/strong>. Vaatimustenvastaiset tuotteet voidaan poistaa markkinoilta kokonaan.<\/p>\nMitk\u00e4 ovat WCAG:n nelj\u00e4 periaatetta?<\/strong><\/h3>\nWCAG:n nelj\u00e4 periaatetta, joista k\u00e4ytet\u00e4\u00e4n lyhennett\u00e4 \u00a0POUR<\/strong>, ovat havaittava, hallittava, ymm\u00e4rrett\u00e4v\u00e4 ja toimintavarma. N\u00e4m\u00e4 periaatteet ohjaavat kaikkia WCAG:n onnistumiskriteerej\u00e4 ja m\u00e4\u00e4rittelev\u00e4t, mit\u00e4 verkkosis\u00e4ll\u00f6n saavutettavuus tarkoittaa.<\/p>\n\n\n\n\nPeriaate<\/th>\nMit\u00e4 se tarkoittaa<\/th>\nEsimerkkivaatimus<\/th>\n<\/tr>\n<\/thead>\n\n\nHavaittava<\/td>\nK\u00e4ytt\u00e4jien on voitava havaita sis\u00e4lt\u00f6 v\u00e4hint\u00e4\u00e4n yhden aistin avulla.<\/td>\nTarjoa kuville tekstivastineet ja lis\u00e4\u00e4 videoihin tekstitykset.<\/td>\n<\/tr>\n\nHallittava<\/td>\nK\u00e4ytt\u00e4jien on voitava k\u00e4ytt\u00e4\u00e4 k\u00e4ytt\u00f6liittym\u00e4\u00e4.<\/td>\nMahdollista n\u00e4pp\u00e4imist\u00f6k\u00e4ytt\u00f6 ja anna riitt\u00e4v\u00e4sti aikaa sis\u00e4ll\u00f6n lukemiseen.<\/td>\n<\/tr>\n\nYmm\u00e4rrett\u00e4v\u00e4<\/td>\nK\u00e4ytt\u00e4jien on ymm\u00e4rrett\u00e4v\u00e4 sis\u00e4lt\u00f6 ja sen k\u00e4ytt\u00e4minen.<\/td>\nK\u00e4yt\u00e4 selke\u00e4\u00e4 kielt\u00e4 ja tee navigoinnista ennakoitavaa.<\/td>\n<\/tr>\n\nToimintavarma<\/td>\nSis\u00e4ll\u00f6n on toimittava nykyisten ja tulevien k\u00e4ytt\u00e4j\u00e4agenttien kanssa.<\/td>\nK\u00e4yt\u00e4 kelvollista koodia ja varmista yhteensopivuus avustavan teknologian kanssa.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/figure>\nMitk\u00e4 ovat WCAG:n 13 ohjetta?<\/strong><\/h3>\nWCAG:n nelj\u00e4 periaatetta sis\u00e4lt\u00e4v\u00e4t \u00a013 ohjetta<\/strong>\u00a0, jotka m\u00e4\u00e4rittelev\u00e4t verkkosaavutettavuuden erityiset tavoitteet. Jokaisella ohjeella on testattavat onnistumiskriteerit kolmella WCAG-vaatimustenmukaisuustasolla: A, AA ja AAA.<\/p>\nHavaittavuutta koskevat ohjeet<\/strong><\/h3>\n1.1 Tekstivastineet<\/strong>\u00a0 \u2014 Tarjoa tekstivastineet muulle kuin tekstimuotoiselle sis\u00e4ll\u00f6lle. T\u00e4m\u00e4 sis\u00e4lt\u00e4\u00e4 kuvien alt-tekstit, lomakekenttien selitteet ja kuvakkeiden kuvaukset. Tekstivastineiden avulla n\u00e4yt\u00f6nlukijan k\u00e4ytt\u00e4j\u00e4t ymm\u00e4rt\u00e4v\u00e4t sis\u00e4ll\u00f6n, jota he eiv\u00e4t voi n\u00e4hd\u00e4.<\/p>\n1.2 Aikasidonnainen media<\/strong>\u00a0 \u2014 Tarjoa vaihtoehtoja \u00e4\u00e4ni- ja videosis\u00e4ll\u00f6lle. N\u00e4it\u00e4 ovat videoiden tekstitykset, \u00e4\u00e4nitiedostojen tekstimuotoiset versiot ja visuaalisen sis\u00e4ll\u00f6n kuvailutulkkaus.<\/p>\n1.3 Mukautettava<\/strong>\u00a0 \u2014 Luo sis\u00e4lt\u00f6\u00e4, joka voidaan esitt\u00e4\u00e4 eri tavoilla tietojen tai rakenteen katoamatta. Verkkosivujen merkityksen tulee s\u00e4ily\u00e4, kun k\u00e4ytt\u00e4j\u00e4t muuttavat n\u00e4ytt\u00f6asetuksia tai k\u00e4ytt\u00e4v\u00e4t avustavaa teknologiaa.<\/p>\n1.4 Erottuva<\/strong>\u00a0 \u2014 Tee sis\u00e4ll\u00f6st\u00e4 helposti n\u00e4ht\u00e4v\u00e4\u00e4 ja kuultavaa. T\u00e4h\u00e4n kuuluvat riitt\u00e4v\u00e4 v\u00e4rikontrasti, tekstin koon muuttaminen ja \u00e4\u00e4nenhallinta. Heikkon\u00e4k\u00f6iset tai kuulovammaiset k\u00e4ytt\u00e4j\u00e4t ovat riippuvaisia n\u00e4ist\u00e4 ominaisuuksista.<\/p>\nHallittavuutta koskevat ohjeet<\/strong><\/h3>\n2.1 K\u00e4ytett\u00e4viss\u00e4 n\u00e4pp\u00e4imist\u00f6ll\u00e4<\/strong>\u00a0 \u2014 Tee kaikki toiminnot k\u00e4ytett\u00e4viksi n\u00e4pp\u00e4imist\u00f6ll\u00e4. K\u00e4ytt\u00e4jien, jotka eiv\u00e4t voi k\u00e4ytt\u00e4\u00e4 hiirt\u00e4, on voitava liikkua verkkosis\u00e4ll\u00f6ss\u00e4 pelk\u00e4n n\u00e4pp\u00e4imist\u00f6n avulla.<\/p>\n2.2 Riitt\u00e4v\u00e4sti aikaa<\/strong>\u00a0 \u2014 Anna k\u00e4ytt\u00e4jille riitt\u00e4v\u00e4sti aikaa sis\u00e4ll\u00f6n lukemiseen ja k\u00e4ytt\u00e4miseen. V\u00e4lt\u00e4 tiukkoja aikarajoja tai tarjoa mahdollisuus pident\u00e4\u00e4 niit\u00e4.<\/p>\n2.3 Sairauskohtaukset ja fyysiset reaktiot<\/strong>\u00a0 \u2014 \u00c4l\u00e4 suunnittele sis\u00e4lt\u00f6\u00e4, joka voi aiheuttaa sairauskohtauksia. V\u00e4lt\u00e4 vilkkuvaa sis\u00e4lt\u00f6\u00e4, joka voi laukaista valoherk\u00e4n epilepsian.<\/p>\n2.4 Navigoitava<\/strong>\u00a0 \u2014 Auta k\u00e4ytt\u00e4ji\u00e4 liikkumaan ja l\u00f6yt\u00e4m\u00e4\u00e4n sis\u00e4lt\u00f6\u00e4. K\u00e4yt\u00e4 selkeit\u00e4 otsikoita, kuvaavia linkkitekstej\u00e4 ja loogista kohdistusj\u00e4rjestyst\u00e4.<\/p>\n2.5 Sy\u00f6tetavat<\/strong>\u00a0 \u2014 Tue n\u00e4pp\u00e4imist\u00f6n ja hiiren lis\u00e4ksi muita sy\u00f6tt\u00f6tapoja. K\u00e4ytt\u00e4j\u00e4t voivat k\u00e4ytt\u00e4\u00e4 kosketusn\u00e4ytt\u00f6j\u00e4, \u00e4\u00e4nikomentoja tai kytkinohjausta.<\/p>\nYmm\u00e4rrett\u00e4vyytt\u00e4 koskevat ohjeet<\/h3>\n3.1 Luettava<\/strong>\u00a0 \u2014 Tee tekstist\u00e4 luettavaa ja ymm\u00e4rrett\u00e4v\u00e4\u00e4. K\u00e4yt\u00e4 selke\u00e4\u00e4 kielt\u00e4 ja m\u00e4\u00e4rittele ep\u00e4tavalliset termit tai lyhenteet.<\/p>\n3.2 Ennakoitava<\/strong>\u00a0 \u2014 Tee verkkosivujen ulkoasusta ja toiminnasta ennakoitavaa. Yhdenmukainen navigointi ja toiminnallisuus auttavat kaikkia k\u00e4ytt\u00e4ji\u00e4.<\/p>\n3.3 Sy\u00f6tteen avustaminen<\/strong>\u00a0 \u2014 Auta k\u00e4ytt\u00e4ji\u00e4 v\u00e4ltt\u00e4m\u00e4\u00e4n ja korjaamaan virheit\u00e4. Tarjoa lomakkeissa selke\u00e4t virheilmoitukset ja ohjeet.<\/p>\nToimintavarmuutta koskevat ohjeet<\/strong><\/h3>\n4.1 Yhteensopiva<\/strong>\u00a0 \u2014 Maksimoi yhteensopivuus nykyisten ja tulevien k\u00e4ytt\u00e4j\u00e4agenttien, mukaan lukien avustavien teknologioiden, kanssa. K\u00e4yt\u00e4 kelvollista koodia ja noudata verkkostandardeja, jotta sis\u00e4lt\u00f6 toimii luotettavasti eri selaimissa ja laitteissa.<\/p>\nMitk\u00e4 ovat WCAG:n kolme vaatimustenmukaisuustasoa?<\/strong><\/h3>\nWCAG:ssa on kolme vaatimustenmukaisuustasoa \u2014 taso A, taso AA ja taso AAA<\/strong> \u2014 jotka m\u00e4\u00e4rittelev\u00e4t kasvavat saavutettavuusvaatimukset. Taso AA on useimpien saavutettavuusvaatimusten oikeudellinen standardi.<\/p>\n\n\n\n\nTaso<\/th>\nKuvaus<\/th>\nOnnistumiskriteerit<\/th>\nOikeudellinen asema<\/th>\n<\/tr>\n<\/thead>\n\n\nTaso A<\/td>\nV\u00e4himm\u00e4issaavutettavuus \u2014 ratkaisee kaikkein kriittisimm\u00e4t saavutettavuusesteet.<\/td>\n30 kriteeri\u00e4<\/td>\nVaaditaan vaatimustenmukaisuuteen<\/td>\n<\/tr>\n\nTaso AA<\/td>\nTavanomainen saavutettavuus \u2014 poistaa esteit\u00e4 useimmilta vammaisilta henkil\u00f6ilt\u00e4.<\/td>\n20 lis\u00e4kriteeri\u00e4<\/td>\nUseimpien lakien edellytt\u00e4m\u00e4<\/td>\n<\/tr>\n\nTaso AAA<\/td>\nKorkein saavutettavuustaso \u2014 tarjoaa parannetun saavutettavuuden, mutta sit\u00e4 ei aina voida saavuttaa.<\/td>\n28 lis\u00e4kriteeri\u00e4<\/td>\nTavoitteellinen; ei lakis\u00e4\u00e4teinen<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/figure>\nJokainen taso perustuu edelliseen. Tason AA saavuttamiseksi kaikkien tason A kriteerien on ensin t\u00e4ytytt\u00e4v\u00e4. Vaatimustenmukaisuustasot auttavat verkkosivustojen omistajia priorisoimaan saavutettavuustoimia ja ymm\u00e4rt\u00e4m\u00e4\u00e4n velvoitteensa.<\/p>\nUseimpien saavutettavuuslakien mukaista WCAG-vaatimustenmukaisuutta varten organisaatioiden on t\u00e4ytett\u00e4v\u00e4 kaikki WCAG-tason A ja AA onnistumiskriteerit.<\/strong>\u00a0 Tason AAA vaatimustenmukaisuus on valinnainen, koska joitakin kriteerej\u00e4 ei voida t\u00e4ytt\u00e4\u00e4 kaikille sis\u00e4lt\u00f6tyypeille.<\/p>\nMiten onnistumiskriteerit eroavat tasoittain<\/strong><\/h3>\nSamalla ohjeella voi olla onnistumiskriteerej\u00e4 eri tasoilla. Seuraava esimerkki koskee videoiden saavutettavuusvaatimuksia:<\/p>\n<\/figure>\n
WCAG:n nelj\u00e4 periaatetta, joista k\u00e4ytet\u00e4\u00e4n lyhennett\u00e4 \u00a0POUR<\/strong>, ovat havaittava, hallittava, ymm\u00e4rrett\u00e4v\u00e4 ja toimintavarma. N\u00e4m\u00e4 periaatteet ohjaavat kaikkia WCAG:n onnistumiskriteerej\u00e4 ja m\u00e4\u00e4rittelev\u00e4t, mit\u00e4 verkkosis\u00e4ll\u00f6n saavutettavuus tarkoittaa.<\/p>\n\n\n\n\nPeriaate<\/th>\nMit\u00e4 se tarkoittaa<\/th>\nEsimerkkivaatimus<\/th>\n<\/tr>\n<\/thead>\n\n\nHavaittava<\/td>\nK\u00e4ytt\u00e4jien on voitava havaita sis\u00e4lt\u00f6 v\u00e4hint\u00e4\u00e4n yhden aistin avulla.<\/td>\nTarjoa kuville tekstivastineet ja lis\u00e4\u00e4 videoihin tekstitykset.<\/td>\n<\/tr>\n\nHallittava<\/td>\nK\u00e4ytt\u00e4jien on voitava k\u00e4ytt\u00e4\u00e4 k\u00e4ytt\u00f6liittym\u00e4\u00e4.<\/td>\nMahdollista n\u00e4pp\u00e4imist\u00f6k\u00e4ytt\u00f6 ja anna riitt\u00e4v\u00e4sti aikaa sis\u00e4ll\u00f6n lukemiseen.<\/td>\n<\/tr>\n\nYmm\u00e4rrett\u00e4v\u00e4<\/td>\nK\u00e4ytt\u00e4jien on ymm\u00e4rrett\u00e4v\u00e4 sis\u00e4lt\u00f6 ja sen k\u00e4ytt\u00e4minen.<\/td>\nK\u00e4yt\u00e4 selke\u00e4\u00e4 kielt\u00e4 ja tee navigoinnista ennakoitavaa.<\/td>\n<\/tr>\n\nToimintavarma<\/td>\nSis\u00e4ll\u00f6n on toimittava nykyisten ja tulevien k\u00e4ytt\u00e4j\u00e4agenttien kanssa.<\/td>\nK\u00e4yt\u00e4 kelvollista koodia ja varmista yhteensopivuus avustavan teknologian kanssa.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/figure>\nMitk\u00e4 ovat WCAG:n 13 ohjetta?<\/strong><\/h3>\nWCAG:n nelj\u00e4 periaatetta sis\u00e4lt\u00e4v\u00e4t \u00a013 ohjetta<\/strong>\u00a0, jotka m\u00e4\u00e4rittelev\u00e4t verkkosaavutettavuuden erityiset tavoitteet. Jokaisella ohjeella on testattavat onnistumiskriteerit kolmella WCAG-vaatimustenmukaisuustasolla: A, AA ja AAA.<\/p>\nHavaittavuutta koskevat ohjeet<\/strong><\/h3>\n1.1 Tekstivastineet<\/strong>\u00a0 \u2014 Tarjoa tekstivastineet muulle kuin tekstimuotoiselle sis\u00e4ll\u00f6lle. T\u00e4m\u00e4 sis\u00e4lt\u00e4\u00e4 kuvien alt-tekstit, lomakekenttien selitteet ja kuvakkeiden kuvaukset. Tekstivastineiden avulla n\u00e4yt\u00f6nlukijan k\u00e4ytt\u00e4j\u00e4t ymm\u00e4rt\u00e4v\u00e4t sis\u00e4ll\u00f6n, jota he eiv\u00e4t voi n\u00e4hd\u00e4.<\/p>\n1.2 Aikasidonnainen media<\/strong>\u00a0 \u2014 Tarjoa vaihtoehtoja \u00e4\u00e4ni- ja videosis\u00e4ll\u00f6lle. N\u00e4it\u00e4 ovat videoiden tekstitykset, \u00e4\u00e4nitiedostojen tekstimuotoiset versiot ja visuaalisen sis\u00e4ll\u00f6n kuvailutulkkaus.<\/p>\n1.3 Mukautettava<\/strong>\u00a0 \u2014 Luo sis\u00e4lt\u00f6\u00e4, joka voidaan esitt\u00e4\u00e4 eri tavoilla tietojen tai rakenteen katoamatta. Verkkosivujen merkityksen tulee s\u00e4ily\u00e4, kun k\u00e4ytt\u00e4j\u00e4t muuttavat n\u00e4ytt\u00f6asetuksia tai k\u00e4ytt\u00e4v\u00e4t avustavaa teknologiaa.<\/p>\n1.4 Erottuva<\/strong>\u00a0 \u2014 Tee sis\u00e4ll\u00f6st\u00e4 helposti n\u00e4ht\u00e4v\u00e4\u00e4 ja kuultavaa. T\u00e4h\u00e4n kuuluvat riitt\u00e4v\u00e4 v\u00e4rikontrasti, tekstin koon muuttaminen ja \u00e4\u00e4nenhallinta. Heikkon\u00e4k\u00f6iset tai kuulovammaiset k\u00e4ytt\u00e4j\u00e4t ovat riippuvaisia n\u00e4ist\u00e4 ominaisuuksista.<\/p>\nHallittavuutta koskevat ohjeet<\/strong><\/h3>\n2.1 K\u00e4ytett\u00e4viss\u00e4 n\u00e4pp\u00e4imist\u00f6ll\u00e4<\/strong>\u00a0 \u2014 Tee kaikki toiminnot k\u00e4ytett\u00e4viksi n\u00e4pp\u00e4imist\u00f6ll\u00e4. K\u00e4ytt\u00e4jien, jotka eiv\u00e4t voi k\u00e4ytt\u00e4\u00e4 hiirt\u00e4, on voitava liikkua verkkosis\u00e4ll\u00f6ss\u00e4 pelk\u00e4n n\u00e4pp\u00e4imist\u00f6n avulla.<\/p>\n2.2 Riitt\u00e4v\u00e4sti aikaa<\/strong>\u00a0 \u2014 Anna k\u00e4ytt\u00e4jille riitt\u00e4v\u00e4sti aikaa sis\u00e4ll\u00f6n lukemiseen ja k\u00e4ytt\u00e4miseen. V\u00e4lt\u00e4 tiukkoja aikarajoja tai tarjoa mahdollisuus pident\u00e4\u00e4 niit\u00e4.<\/p>\n2.3 Sairauskohtaukset ja fyysiset reaktiot<\/strong>\u00a0 \u2014 \u00c4l\u00e4 suunnittele sis\u00e4lt\u00f6\u00e4, joka voi aiheuttaa sairauskohtauksia. V\u00e4lt\u00e4 vilkkuvaa sis\u00e4lt\u00f6\u00e4, joka voi laukaista valoherk\u00e4n epilepsian.<\/p>\n2.4 Navigoitava<\/strong>\u00a0 \u2014 Auta k\u00e4ytt\u00e4ji\u00e4 liikkumaan ja l\u00f6yt\u00e4m\u00e4\u00e4n sis\u00e4lt\u00f6\u00e4. K\u00e4yt\u00e4 selkeit\u00e4 otsikoita, kuvaavia linkkitekstej\u00e4 ja loogista kohdistusj\u00e4rjestyst\u00e4.<\/p>\n2.5 Sy\u00f6tetavat<\/strong>\u00a0 \u2014 Tue n\u00e4pp\u00e4imist\u00f6n ja hiiren lis\u00e4ksi muita sy\u00f6tt\u00f6tapoja. K\u00e4ytt\u00e4j\u00e4t voivat k\u00e4ytt\u00e4\u00e4 kosketusn\u00e4ytt\u00f6j\u00e4, \u00e4\u00e4nikomentoja tai kytkinohjausta.<\/p>\nYmm\u00e4rrett\u00e4vyytt\u00e4 koskevat ohjeet<\/h3>\n3.1 Luettava<\/strong>\u00a0 \u2014 Tee tekstist\u00e4 luettavaa ja ymm\u00e4rrett\u00e4v\u00e4\u00e4. K\u00e4yt\u00e4 selke\u00e4\u00e4 kielt\u00e4 ja m\u00e4\u00e4rittele ep\u00e4tavalliset termit tai lyhenteet.<\/p>\n3.2 Ennakoitava<\/strong>\u00a0 \u2014 Tee verkkosivujen ulkoasusta ja toiminnasta ennakoitavaa. Yhdenmukainen navigointi ja toiminnallisuus auttavat kaikkia k\u00e4ytt\u00e4ji\u00e4.<\/p>\n3.3 Sy\u00f6tteen avustaminen<\/strong>\u00a0 \u2014 Auta k\u00e4ytt\u00e4ji\u00e4 v\u00e4ltt\u00e4m\u00e4\u00e4n ja korjaamaan virheit\u00e4. Tarjoa lomakkeissa selke\u00e4t virheilmoitukset ja ohjeet.<\/p>\nToimintavarmuutta koskevat ohjeet<\/strong><\/h3>\n4.1 Yhteensopiva<\/strong>\u00a0 \u2014 Maksimoi yhteensopivuus nykyisten ja tulevien k\u00e4ytt\u00e4j\u00e4agenttien, mukaan lukien avustavien teknologioiden, kanssa. K\u00e4yt\u00e4 kelvollista koodia ja noudata verkkostandardeja, jotta sis\u00e4lt\u00f6 toimii luotettavasti eri selaimissa ja laitteissa.<\/p>\nMitk\u00e4 ovat WCAG:n kolme vaatimustenmukaisuustasoa?<\/strong><\/h3>\nWCAG:ssa on kolme vaatimustenmukaisuustasoa \u2014 taso A, taso AA ja taso AAA<\/strong> \u2014 jotka m\u00e4\u00e4rittelev\u00e4t kasvavat saavutettavuusvaatimukset. Taso AA on useimpien saavutettavuusvaatimusten oikeudellinen standardi.<\/p>\n\n\n\n\nTaso<\/th>\nKuvaus<\/th>\nOnnistumiskriteerit<\/th>\nOikeudellinen asema<\/th>\n<\/tr>\n<\/thead>\n\n\nTaso A<\/td>\nV\u00e4himm\u00e4issaavutettavuus \u2014 ratkaisee kaikkein kriittisimm\u00e4t saavutettavuusesteet.<\/td>\n30 kriteeri\u00e4<\/td>\nVaaditaan vaatimustenmukaisuuteen<\/td>\n<\/tr>\n\nTaso AA<\/td>\nTavanomainen saavutettavuus \u2014 poistaa esteit\u00e4 useimmilta vammaisilta henkil\u00f6ilt\u00e4.<\/td>\n20 lis\u00e4kriteeri\u00e4<\/td>\nUseimpien lakien edellytt\u00e4m\u00e4<\/td>\n<\/tr>\n\nTaso AAA<\/td>\nKorkein saavutettavuustaso \u2014 tarjoaa parannetun saavutettavuuden, mutta sit\u00e4 ei aina voida saavuttaa.<\/td>\n28 lis\u00e4kriteeri\u00e4<\/td>\nTavoitteellinen; ei lakis\u00e4\u00e4teinen<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/figure>\nJokainen taso perustuu edelliseen. Tason AA saavuttamiseksi kaikkien tason A kriteerien on ensin t\u00e4ytytt\u00e4v\u00e4. Vaatimustenmukaisuustasot auttavat verkkosivustojen omistajia priorisoimaan saavutettavuustoimia ja ymm\u00e4rt\u00e4m\u00e4\u00e4n velvoitteensa.<\/p>\nUseimpien saavutettavuuslakien mukaista WCAG-vaatimustenmukaisuutta varten organisaatioiden on t\u00e4ytett\u00e4v\u00e4 kaikki WCAG-tason A ja AA onnistumiskriteerit.<\/strong>\u00a0 Tason AAA vaatimustenmukaisuus on valinnainen, koska joitakin kriteerej\u00e4 ei voida t\u00e4ytt\u00e4\u00e4 kaikille sis\u00e4lt\u00f6tyypeille.<\/p>\nMiten onnistumiskriteerit eroavat tasoittain<\/strong><\/h3>\nSamalla ohjeella voi olla onnistumiskriteerej\u00e4 eri tasoilla. Seuraava esimerkki koskee videoiden saavutettavuusvaatimuksia:<\/p>\n<\/figure>\n
WCAG:n nelj\u00e4 periaatetta sis\u00e4lt\u00e4v\u00e4t \u00a013 ohjetta<\/strong>\u00a0, jotka m\u00e4\u00e4rittelev\u00e4t verkkosaavutettavuuden erityiset tavoitteet. Jokaisella ohjeella on testattavat onnistumiskriteerit kolmella WCAG-vaatimustenmukaisuustasolla: A, AA ja AAA.<\/p>\nHavaittavuutta koskevat ohjeet<\/strong><\/h3>\n1.1 Tekstivastineet<\/strong>\u00a0 \u2014 Tarjoa tekstivastineet muulle kuin tekstimuotoiselle sis\u00e4ll\u00f6lle. T\u00e4m\u00e4 sis\u00e4lt\u00e4\u00e4 kuvien alt-tekstit, lomakekenttien selitteet ja kuvakkeiden kuvaukset. Tekstivastineiden avulla n\u00e4yt\u00f6nlukijan k\u00e4ytt\u00e4j\u00e4t ymm\u00e4rt\u00e4v\u00e4t sis\u00e4ll\u00f6n, jota he eiv\u00e4t voi n\u00e4hd\u00e4.<\/p>\n1.2 Aikasidonnainen media<\/strong>\u00a0 \u2014 Tarjoa vaihtoehtoja \u00e4\u00e4ni- ja videosis\u00e4ll\u00f6lle. N\u00e4it\u00e4 ovat videoiden tekstitykset, \u00e4\u00e4nitiedostojen tekstimuotoiset versiot ja visuaalisen sis\u00e4ll\u00f6n kuvailutulkkaus.<\/p>\n1.3 Mukautettava<\/strong>\u00a0 \u2014 Luo sis\u00e4lt\u00f6\u00e4, joka voidaan esitt\u00e4\u00e4 eri tavoilla tietojen tai rakenteen katoamatta. Verkkosivujen merkityksen tulee s\u00e4ily\u00e4, kun k\u00e4ytt\u00e4j\u00e4t muuttavat n\u00e4ytt\u00f6asetuksia tai k\u00e4ytt\u00e4v\u00e4t avustavaa teknologiaa.<\/p>\n1.4 Erottuva<\/strong>\u00a0 \u2014 Tee sis\u00e4ll\u00f6st\u00e4 helposti n\u00e4ht\u00e4v\u00e4\u00e4 ja kuultavaa. T\u00e4h\u00e4n kuuluvat riitt\u00e4v\u00e4 v\u00e4rikontrasti, tekstin koon muuttaminen ja \u00e4\u00e4nenhallinta. Heikkon\u00e4k\u00f6iset tai kuulovammaiset k\u00e4ytt\u00e4j\u00e4t ovat riippuvaisia n\u00e4ist\u00e4 ominaisuuksista.<\/p>\nHallittavuutta koskevat ohjeet<\/strong><\/h3>\n2.1 K\u00e4ytett\u00e4viss\u00e4 n\u00e4pp\u00e4imist\u00f6ll\u00e4<\/strong>\u00a0 \u2014 Tee kaikki toiminnot k\u00e4ytett\u00e4viksi n\u00e4pp\u00e4imist\u00f6ll\u00e4. K\u00e4ytt\u00e4jien, jotka eiv\u00e4t voi k\u00e4ytt\u00e4\u00e4 hiirt\u00e4, on voitava liikkua verkkosis\u00e4ll\u00f6ss\u00e4 pelk\u00e4n n\u00e4pp\u00e4imist\u00f6n avulla.<\/p>\n2.2 Riitt\u00e4v\u00e4sti aikaa<\/strong>\u00a0 \u2014 Anna k\u00e4ytt\u00e4jille riitt\u00e4v\u00e4sti aikaa sis\u00e4ll\u00f6n lukemiseen ja k\u00e4ytt\u00e4miseen. V\u00e4lt\u00e4 tiukkoja aikarajoja tai tarjoa mahdollisuus pident\u00e4\u00e4 niit\u00e4.<\/p>\n2.3 Sairauskohtaukset ja fyysiset reaktiot<\/strong>\u00a0 \u2014 \u00c4l\u00e4 suunnittele sis\u00e4lt\u00f6\u00e4, joka voi aiheuttaa sairauskohtauksia. V\u00e4lt\u00e4 vilkkuvaa sis\u00e4lt\u00f6\u00e4, joka voi laukaista valoherk\u00e4n epilepsian.<\/p>\n2.4 Navigoitava<\/strong>\u00a0 \u2014 Auta k\u00e4ytt\u00e4ji\u00e4 liikkumaan ja l\u00f6yt\u00e4m\u00e4\u00e4n sis\u00e4lt\u00f6\u00e4. K\u00e4yt\u00e4 selkeit\u00e4 otsikoita, kuvaavia linkkitekstej\u00e4 ja loogista kohdistusj\u00e4rjestyst\u00e4.<\/p>\n2.5 Sy\u00f6tetavat<\/strong>\u00a0 \u2014 Tue n\u00e4pp\u00e4imist\u00f6n ja hiiren lis\u00e4ksi muita sy\u00f6tt\u00f6tapoja. K\u00e4ytt\u00e4j\u00e4t voivat k\u00e4ytt\u00e4\u00e4 kosketusn\u00e4ytt\u00f6j\u00e4, \u00e4\u00e4nikomentoja tai kytkinohjausta.<\/p>\nYmm\u00e4rrett\u00e4vyytt\u00e4 koskevat ohjeet<\/h3>\n3.1 Luettava<\/strong>\u00a0 \u2014 Tee tekstist\u00e4 luettavaa ja ymm\u00e4rrett\u00e4v\u00e4\u00e4. K\u00e4yt\u00e4 selke\u00e4\u00e4 kielt\u00e4 ja m\u00e4\u00e4rittele ep\u00e4tavalliset termit tai lyhenteet.<\/p>\n3.2 Ennakoitava<\/strong>\u00a0 \u2014 Tee verkkosivujen ulkoasusta ja toiminnasta ennakoitavaa. Yhdenmukainen navigointi ja toiminnallisuus auttavat kaikkia k\u00e4ytt\u00e4ji\u00e4.<\/p>\n3.3 Sy\u00f6tteen avustaminen<\/strong>\u00a0 \u2014 Auta k\u00e4ytt\u00e4ji\u00e4 v\u00e4ltt\u00e4m\u00e4\u00e4n ja korjaamaan virheit\u00e4. Tarjoa lomakkeissa selke\u00e4t virheilmoitukset ja ohjeet.<\/p>\nToimintavarmuutta koskevat ohjeet<\/strong><\/h3>\n4.1 Yhteensopiva<\/strong>\u00a0 \u2014 Maksimoi yhteensopivuus nykyisten ja tulevien k\u00e4ytt\u00e4j\u00e4agenttien, mukaan lukien avustavien teknologioiden, kanssa. K\u00e4yt\u00e4 kelvollista koodia ja noudata verkkostandardeja, jotta sis\u00e4lt\u00f6 toimii luotettavasti eri selaimissa ja laitteissa.<\/p>\nMitk\u00e4 ovat WCAG:n kolme vaatimustenmukaisuustasoa?<\/strong><\/h3>\nWCAG:ssa on kolme vaatimustenmukaisuustasoa \u2014 taso A, taso AA ja taso AAA<\/strong> \u2014 jotka m\u00e4\u00e4rittelev\u00e4t kasvavat saavutettavuusvaatimukset. Taso AA on useimpien saavutettavuusvaatimusten oikeudellinen standardi.<\/p>\n\n\n\n\nTaso<\/th>\nKuvaus<\/th>\nOnnistumiskriteerit<\/th>\nOikeudellinen asema<\/th>\n<\/tr>\n<\/thead>\n\n\nTaso A<\/td>\nV\u00e4himm\u00e4issaavutettavuus \u2014 ratkaisee kaikkein kriittisimm\u00e4t saavutettavuusesteet.<\/td>\n30 kriteeri\u00e4<\/td>\nVaaditaan vaatimustenmukaisuuteen<\/td>\n<\/tr>\n\nTaso AA<\/td>\nTavanomainen saavutettavuus \u2014 poistaa esteit\u00e4 useimmilta vammaisilta henkil\u00f6ilt\u00e4.<\/td>\n20 lis\u00e4kriteeri\u00e4<\/td>\nUseimpien lakien edellytt\u00e4m\u00e4<\/td>\n<\/tr>\n\nTaso AAA<\/td>\nKorkein saavutettavuustaso \u2014 tarjoaa parannetun saavutettavuuden, mutta sit\u00e4 ei aina voida saavuttaa.<\/td>\n28 lis\u00e4kriteeri\u00e4<\/td>\nTavoitteellinen; ei lakis\u00e4\u00e4teinen<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/figure>\nJokainen taso perustuu edelliseen. Tason AA saavuttamiseksi kaikkien tason A kriteerien on ensin t\u00e4ytytt\u00e4v\u00e4. Vaatimustenmukaisuustasot auttavat verkkosivustojen omistajia priorisoimaan saavutettavuustoimia ja ymm\u00e4rt\u00e4m\u00e4\u00e4n velvoitteensa.<\/p>\nUseimpien saavutettavuuslakien mukaista WCAG-vaatimustenmukaisuutta varten organisaatioiden on t\u00e4ytett\u00e4v\u00e4 kaikki WCAG-tason A ja AA onnistumiskriteerit.<\/strong>\u00a0 Tason AAA vaatimustenmukaisuus on valinnainen, koska joitakin kriteerej\u00e4 ei voida t\u00e4ytt\u00e4\u00e4 kaikille sis\u00e4lt\u00f6tyypeille.<\/p>\nMiten onnistumiskriteerit eroavat tasoittain<\/strong><\/h3>\nSamalla ohjeella voi olla onnistumiskriteerej\u00e4 eri tasoilla. Seuraava esimerkki koskee videoiden saavutettavuusvaatimuksia:<\/p>\n<\/figure>\n
1.1 Tekstivastineet<\/strong>\u00a0 \u2014 Tarjoa tekstivastineet muulle kuin tekstimuotoiselle sis\u00e4ll\u00f6lle. T\u00e4m\u00e4 sis\u00e4lt\u00e4\u00e4 kuvien alt-tekstit, lomakekenttien selitteet ja kuvakkeiden kuvaukset. Tekstivastineiden avulla n\u00e4yt\u00f6nlukijan k\u00e4ytt\u00e4j\u00e4t ymm\u00e4rt\u00e4v\u00e4t sis\u00e4ll\u00f6n, jota he eiv\u00e4t voi n\u00e4hd\u00e4.<\/p>\n1.2 Aikasidonnainen media<\/strong>\u00a0 \u2014 Tarjoa vaihtoehtoja \u00e4\u00e4ni- ja videosis\u00e4ll\u00f6lle. N\u00e4it\u00e4 ovat videoiden tekstitykset, \u00e4\u00e4nitiedostojen tekstimuotoiset versiot ja visuaalisen sis\u00e4ll\u00f6n kuvailutulkkaus.<\/p>\n1.3 Mukautettava<\/strong>\u00a0 \u2014 Luo sis\u00e4lt\u00f6\u00e4, joka voidaan esitt\u00e4\u00e4 eri tavoilla tietojen tai rakenteen katoamatta. Verkkosivujen merkityksen tulee s\u00e4ily\u00e4, kun k\u00e4ytt\u00e4j\u00e4t muuttavat n\u00e4ytt\u00f6asetuksia tai k\u00e4ytt\u00e4v\u00e4t avustavaa teknologiaa.<\/p>\n1.4 Erottuva<\/strong>\u00a0 \u2014 Tee sis\u00e4ll\u00f6st\u00e4 helposti n\u00e4ht\u00e4v\u00e4\u00e4 ja kuultavaa. T\u00e4h\u00e4n kuuluvat riitt\u00e4v\u00e4 v\u00e4rikontrasti, tekstin koon muuttaminen ja \u00e4\u00e4nenhallinta. Heikkon\u00e4k\u00f6iset tai kuulovammaiset k\u00e4ytt\u00e4j\u00e4t ovat riippuvaisia n\u00e4ist\u00e4 ominaisuuksista.<\/p>\nHallittavuutta koskevat ohjeet<\/strong><\/h3>\n2.1 K\u00e4ytett\u00e4viss\u00e4 n\u00e4pp\u00e4imist\u00f6ll\u00e4<\/strong>\u00a0 \u2014 Tee kaikki toiminnot k\u00e4ytett\u00e4viksi n\u00e4pp\u00e4imist\u00f6ll\u00e4. K\u00e4ytt\u00e4jien, jotka eiv\u00e4t voi k\u00e4ytt\u00e4\u00e4 hiirt\u00e4, on voitava liikkua verkkosis\u00e4ll\u00f6ss\u00e4 pelk\u00e4n n\u00e4pp\u00e4imist\u00f6n avulla.<\/p>\n2.2 Riitt\u00e4v\u00e4sti aikaa<\/strong>\u00a0 \u2014 Anna k\u00e4ytt\u00e4jille riitt\u00e4v\u00e4sti aikaa sis\u00e4ll\u00f6n lukemiseen ja k\u00e4ytt\u00e4miseen. V\u00e4lt\u00e4 tiukkoja aikarajoja tai tarjoa mahdollisuus pident\u00e4\u00e4 niit\u00e4.<\/p>\n2.3 Sairauskohtaukset ja fyysiset reaktiot<\/strong>\u00a0 \u2014 \u00c4l\u00e4 suunnittele sis\u00e4lt\u00f6\u00e4, joka voi aiheuttaa sairauskohtauksia. V\u00e4lt\u00e4 vilkkuvaa sis\u00e4lt\u00f6\u00e4, joka voi laukaista valoherk\u00e4n epilepsian.<\/p>\n2.4 Navigoitava<\/strong>\u00a0 \u2014 Auta k\u00e4ytt\u00e4ji\u00e4 liikkumaan ja l\u00f6yt\u00e4m\u00e4\u00e4n sis\u00e4lt\u00f6\u00e4. K\u00e4yt\u00e4 selkeit\u00e4 otsikoita, kuvaavia linkkitekstej\u00e4 ja loogista kohdistusj\u00e4rjestyst\u00e4.<\/p>\n2.5 Sy\u00f6tetavat<\/strong>\u00a0 \u2014 Tue n\u00e4pp\u00e4imist\u00f6n ja hiiren lis\u00e4ksi muita sy\u00f6tt\u00f6tapoja. K\u00e4ytt\u00e4j\u00e4t voivat k\u00e4ytt\u00e4\u00e4 kosketusn\u00e4ytt\u00f6j\u00e4, \u00e4\u00e4nikomentoja tai kytkinohjausta.<\/p>\nYmm\u00e4rrett\u00e4vyytt\u00e4 koskevat ohjeet<\/h3>\n3.1 Luettava<\/strong>\u00a0 \u2014 Tee tekstist\u00e4 luettavaa ja ymm\u00e4rrett\u00e4v\u00e4\u00e4. K\u00e4yt\u00e4 selke\u00e4\u00e4 kielt\u00e4 ja m\u00e4\u00e4rittele ep\u00e4tavalliset termit tai lyhenteet.<\/p>\n3.2 Ennakoitava<\/strong>\u00a0 \u2014 Tee verkkosivujen ulkoasusta ja toiminnasta ennakoitavaa. Yhdenmukainen navigointi ja toiminnallisuus auttavat kaikkia k\u00e4ytt\u00e4ji\u00e4.<\/p>\n3.3 Sy\u00f6tteen avustaminen<\/strong>\u00a0 \u2014 Auta k\u00e4ytt\u00e4ji\u00e4 v\u00e4ltt\u00e4m\u00e4\u00e4n ja korjaamaan virheit\u00e4. Tarjoa lomakkeissa selke\u00e4t virheilmoitukset ja ohjeet.<\/p>\nToimintavarmuutta koskevat ohjeet<\/strong><\/h3>\n4.1 Yhteensopiva<\/strong>\u00a0 \u2014 Maksimoi yhteensopivuus nykyisten ja tulevien k\u00e4ytt\u00e4j\u00e4agenttien, mukaan lukien avustavien teknologioiden, kanssa. K\u00e4yt\u00e4 kelvollista koodia ja noudata verkkostandardeja, jotta sis\u00e4lt\u00f6 toimii luotettavasti eri selaimissa ja laitteissa.<\/p>\nMitk\u00e4 ovat WCAG:n kolme vaatimustenmukaisuustasoa?<\/strong><\/h3>\nWCAG:ssa on kolme vaatimustenmukaisuustasoa \u2014 taso A, taso AA ja taso AAA<\/strong> \u2014 jotka m\u00e4\u00e4rittelev\u00e4t kasvavat saavutettavuusvaatimukset. Taso AA on useimpien saavutettavuusvaatimusten oikeudellinen standardi.<\/p>\n\n\n\n\nTaso<\/th>\nKuvaus<\/th>\nOnnistumiskriteerit<\/th>\nOikeudellinen asema<\/th>\n<\/tr>\n<\/thead>\n\n\nTaso A<\/td>\nV\u00e4himm\u00e4issaavutettavuus \u2014 ratkaisee kaikkein kriittisimm\u00e4t saavutettavuusesteet.<\/td>\n30 kriteeri\u00e4<\/td>\nVaaditaan vaatimustenmukaisuuteen<\/td>\n<\/tr>\n\nTaso AA<\/td>\nTavanomainen saavutettavuus \u2014 poistaa esteit\u00e4 useimmilta vammaisilta henkil\u00f6ilt\u00e4.<\/td>\n20 lis\u00e4kriteeri\u00e4<\/td>\nUseimpien lakien edellytt\u00e4m\u00e4<\/td>\n<\/tr>\n\nTaso AAA<\/td>\nKorkein saavutettavuustaso \u2014 tarjoaa parannetun saavutettavuuden, mutta sit\u00e4 ei aina voida saavuttaa.<\/td>\n28 lis\u00e4kriteeri\u00e4<\/td>\nTavoitteellinen; ei lakis\u00e4\u00e4teinen<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/figure>\nJokainen taso perustuu edelliseen. Tason AA saavuttamiseksi kaikkien tason A kriteerien on ensin t\u00e4ytytt\u00e4v\u00e4. Vaatimustenmukaisuustasot auttavat verkkosivustojen omistajia priorisoimaan saavutettavuustoimia ja ymm\u00e4rt\u00e4m\u00e4\u00e4n velvoitteensa.<\/p>\nUseimpien saavutettavuuslakien mukaista WCAG-vaatimustenmukaisuutta varten organisaatioiden on t\u00e4ytett\u00e4v\u00e4 kaikki WCAG-tason A ja AA onnistumiskriteerit.<\/strong>\u00a0 Tason AAA vaatimustenmukaisuus on valinnainen, koska joitakin kriteerej\u00e4 ei voida t\u00e4ytt\u00e4\u00e4 kaikille sis\u00e4lt\u00f6tyypeille.<\/p>\nMiten onnistumiskriteerit eroavat tasoittain<\/strong><\/h3>\nSamalla ohjeella voi olla onnistumiskriteerej\u00e4 eri tasoilla. Seuraava esimerkki koskee videoiden saavutettavuusvaatimuksia:<\/p>\n<\/figure>\n
1.2 Aikasidonnainen media<\/strong>\u00a0 \u2014 Tarjoa vaihtoehtoja \u00e4\u00e4ni- ja videosis\u00e4ll\u00f6lle. N\u00e4it\u00e4 ovat videoiden tekstitykset, \u00e4\u00e4nitiedostojen tekstimuotoiset versiot ja visuaalisen sis\u00e4ll\u00f6n kuvailutulkkaus.<\/p>\n1.3 Mukautettava<\/strong>\u00a0 \u2014 Luo sis\u00e4lt\u00f6\u00e4, joka voidaan esitt\u00e4\u00e4 eri tavoilla tietojen tai rakenteen katoamatta. Verkkosivujen merkityksen tulee s\u00e4ily\u00e4, kun k\u00e4ytt\u00e4j\u00e4t muuttavat n\u00e4ytt\u00f6asetuksia tai k\u00e4ytt\u00e4v\u00e4t avustavaa teknologiaa.<\/p>\n1.4 Erottuva<\/strong>\u00a0 \u2014 Tee sis\u00e4ll\u00f6st\u00e4 helposti n\u00e4ht\u00e4v\u00e4\u00e4 ja kuultavaa. T\u00e4h\u00e4n kuuluvat riitt\u00e4v\u00e4 v\u00e4rikontrasti, tekstin koon muuttaminen ja \u00e4\u00e4nenhallinta. Heikkon\u00e4k\u00f6iset tai kuulovammaiset k\u00e4ytt\u00e4j\u00e4t ovat riippuvaisia n\u00e4ist\u00e4 ominaisuuksista.<\/p>\nHallittavuutta koskevat ohjeet<\/strong><\/h3>\n2.1 K\u00e4ytett\u00e4viss\u00e4 n\u00e4pp\u00e4imist\u00f6ll\u00e4<\/strong>\u00a0 \u2014 Tee kaikki toiminnot k\u00e4ytett\u00e4viksi n\u00e4pp\u00e4imist\u00f6ll\u00e4. K\u00e4ytt\u00e4jien, jotka eiv\u00e4t voi k\u00e4ytt\u00e4\u00e4 hiirt\u00e4, on voitava liikkua verkkosis\u00e4ll\u00f6ss\u00e4 pelk\u00e4n n\u00e4pp\u00e4imist\u00f6n avulla.<\/p>\n2.2 Riitt\u00e4v\u00e4sti aikaa<\/strong>\u00a0 \u2014 Anna k\u00e4ytt\u00e4jille riitt\u00e4v\u00e4sti aikaa sis\u00e4ll\u00f6n lukemiseen ja k\u00e4ytt\u00e4miseen. V\u00e4lt\u00e4 tiukkoja aikarajoja tai tarjoa mahdollisuus pident\u00e4\u00e4 niit\u00e4.<\/p>\n2.3 Sairauskohtaukset ja fyysiset reaktiot<\/strong>\u00a0 \u2014 \u00c4l\u00e4 suunnittele sis\u00e4lt\u00f6\u00e4, joka voi aiheuttaa sairauskohtauksia. V\u00e4lt\u00e4 vilkkuvaa sis\u00e4lt\u00f6\u00e4, joka voi laukaista valoherk\u00e4n epilepsian.<\/p>\n2.4 Navigoitava<\/strong>\u00a0 \u2014 Auta k\u00e4ytt\u00e4ji\u00e4 liikkumaan ja l\u00f6yt\u00e4m\u00e4\u00e4n sis\u00e4lt\u00f6\u00e4. K\u00e4yt\u00e4 selkeit\u00e4 otsikoita, kuvaavia linkkitekstej\u00e4 ja loogista kohdistusj\u00e4rjestyst\u00e4.<\/p>\n2.5 Sy\u00f6tetavat<\/strong>\u00a0 \u2014 Tue n\u00e4pp\u00e4imist\u00f6n ja hiiren lis\u00e4ksi muita sy\u00f6tt\u00f6tapoja. K\u00e4ytt\u00e4j\u00e4t voivat k\u00e4ytt\u00e4\u00e4 kosketusn\u00e4ytt\u00f6j\u00e4, \u00e4\u00e4nikomentoja tai kytkinohjausta.<\/p>\nYmm\u00e4rrett\u00e4vyytt\u00e4 koskevat ohjeet<\/h3>\n3.1 Luettava<\/strong>\u00a0 \u2014 Tee tekstist\u00e4 luettavaa ja ymm\u00e4rrett\u00e4v\u00e4\u00e4. K\u00e4yt\u00e4 selke\u00e4\u00e4 kielt\u00e4 ja m\u00e4\u00e4rittele ep\u00e4tavalliset termit tai lyhenteet.<\/p>\n3.2 Ennakoitava<\/strong>\u00a0 \u2014 Tee verkkosivujen ulkoasusta ja toiminnasta ennakoitavaa. Yhdenmukainen navigointi ja toiminnallisuus auttavat kaikkia k\u00e4ytt\u00e4ji\u00e4.<\/p>\n3.3 Sy\u00f6tteen avustaminen<\/strong>\u00a0 \u2014 Auta k\u00e4ytt\u00e4ji\u00e4 v\u00e4ltt\u00e4m\u00e4\u00e4n ja korjaamaan virheit\u00e4. Tarjoa lomakkeissa selke\u00e4t virheilmoitukset ja ohjeet.<\/p>\nToimintavarmuutta koskevat ohjeet<\/strong><\/h3>\n4.1 Yhteensopiva<\/strong>\u00a0 \u2014 Maksimoi yhteensopivuus nykyisten ja tulevien k\u00e4ytt\u00e4j\u00e4agenttien, mukaan lukien avustavien teknologioiden, kanssa. K\u00e4yt\u00e4 kelvollista koodia ja noudata verkkostandardeja, jotta sis\u00e4lt\u00f6 toimii luotettavasti eri selaimissa ja laitteissa.<\/p>\nMitk\u00e4 ovat WCAG:n kolme vaatimustenmukaisuustasoa?<\/strong><\/h3>\nWCAG:ssa on kolme vaatimustenmukaisuustasoa \u2014 taso A, taso AA ja taso AAA<\/strong> \u2014 jotka m\u00e4\u00e4rittelev\u00e4t kasvavat saavutettavuusvaatimukset. Taso AA on useimpien saavutettavuusvaatimusten oikeudellinen standardi.<\/p>\n\n\n\n\nTaso<\/th>\nKuvaus<\/th>\nOnnistumiskriteerit<\/th>\nOikeudellinen asema<\/th>\n<\/tr>\n<\/thead>\n\n\nTaso A<\/td>\nV\u00e4himm\u00e4issaavutettavuus \u2014 ratkaisee kaikkein kriittisimm\u00e4t saavutettavuusesteet.<\/td>\n30 kriteeri\u00e4<\/td>\nVaaditaan vaatimustenmukaisuuteen<\/td>\n<\/tr>\n\nTaso AA<\/td>\nTavanomainen saavutettavuus \u2014 poistaa esteit\u00e4 useimmilta vammaisilta henkil\u00f6ilt\u00e4.<\/td>\n20 lis\u00e4kriteeri\u00e4<\/td>\nUseimpien lakien edellytt\u00e4m\u00e4<\/td>\n<\/tr>\n\nTaso AAA<\/td>\nKorkein saavutettavuustaso \u2014 tarjoaa parannetun saavutettavuuden, mutta sit\u00e4 ei aina voida saavuttaa.<\/td>\n28 lis\u00e4kriteeri\u00e4<\/td>\nTavoitteellinen; ei lakis\u00e4\u00e4teinen<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/figure>\nJokainen taso perustuu edelliseen. Tason AA saavuttamiseksi kaikkien tason A kriteerien on ensin t\u00e4ytytt\u00e4v\u00e4. Vaatimustenmukaisuustasot auttavat verkkosivustojen omistajia priorisoimaan saavutettavuustoimia ja ymm\u00e4rt\u00e4m\u00e4\u00e4n velvoitteensa.<\/p>\nUseimpien saavutettavuuslakien mukaista WCAG-vaatimustenmukaisuutta varten organisaatioiden on t\u00e4ytett\u00e4v\u00e4 kaikki WCAG-tason A ja AA onnistumiskriteerit.<\/strong>\u00a0 Tason AAA vaatimustenmukaisuus on valinnainen, koska joitakin kriteerej\u00e4 ei voida t\u00e4ytt\u00e4\u00e4 kaikille sis\u00e4lt\u00f6tyypeille.<\/p>\nMiten onnistumiskriteerit eroavat tasoittain<\/strong><\/h3>\nSamalla ohjeella voi olla onnistumiskriteerej\u00e4 eri tasoilla. Seuraava esimerkki koskee videoiden saavutettavuusvaatimuksia:<\/p>\n<\/figure>\n
1.3 Mukautettava<\/strong>\u00a0 \u2014 Luo sis\u00e4lt\u00f6\u00e4, joka voidaan esitt\u00e4\u00e4 eri tavoilla tietojen tai rakenteen katoamatta. Verkkosivujen merkityksen tulee s\u00e4ily\u00e4, kun k\u00e4ytt\u00e4j\u00e4t muuttavat n\u00e4ytt\u00f6asetuksia tai k\u00e4ytt\u00e4v\u00e4t avustavaa teknologiaa.<\/p>\n1.4 Erottuva<\/strong>\u00a0 \u2014 Tee sis\u00e4ll\u00f6st\u00e4 helposti n\u00e4ht\u00e4v\u00e4\u00e4 ja kuultavaa. T\u00e4h\u00e4n kuuluvat riitt\u00e4v\u00e4 v\u00e4rikontrasti, tekstin koon muuttaminen ja \u00e4\u00e4nenhallinta. Heikkon\u00e4k\u00f6iset tai kuulovammaiset k\u00e4ytt\u00e4j\u00e4t ovat riippuvaisia n\u00e4ist\u00e4 ominaisuuksista.<\/p>\nHallittavuutta koskevat ohjeet<\/strong><\/h3>\n2.1 K\u00e4ytett\u00e4viss\u00e4 n\u00e4pp\u00e4imist\u00f6ll\u00e4<\/strong>\u00a0 \u2014 Tee kaikki toiminnot k\u00e4ytett\u00e4viksi n\u00e4pp\u00e4imist\u00f6ll\u00e4. K\u00e4ytt\u00e4jien, jotka eiv\u00e4t voi k\u00e4ytt\u00e4\u00e4 hiirt\u00e4, on voitava liikkua verkkosis\u00e4ll\u00f6ss\u00e4 pelk\u00e4n n\u00e4pp\u00e4imist\u00f6n avulla.<\/p>\n2.2 Riitt\u00e4v\u00e4sti aikaa<\/strong>\u00a0 \u2014 Anna k\u00e4ytt\u00e4jille riitt\u00e4v\u00e4sti aikaa sis\u00e4ll\u00f6n lukemiseen ja k\u00e4ytt\u00e4miseen. V\u00e4lt\u00e4 tiukkoja aikarajoja tai tarjoa mahdollisuus pident\u00e4\u00e4 niit\u00e4.<\/p>\n2.3 Sairauskohtaukset ja fyysiset reaktiot<\/strong>\u00a0 \u2014 \u00c4l\u00e4 suunnittele sis\u00e4lt\u00f6\u00e4, joka voi aiheuttaa sairauskohtauksia. V\u00e4lt\u00e4 vilkkuvaa sis\u00e4lt\u00f6\u00e4, joka voi laukaista valoherk\u00e4n epilepsian.<\/p>\n2.4 Navigoitava<\/strong>\u00a0 \u2014 Auta k\u00e4ytt\u00e4ji\u00e4 liikkumaan ja l\u00f6yt\u00e4m\u00e4\u00e4n sis\u00e4lt\u00f6\u00e4. K\u00e4yt\u00e4 selkeit\u00e4 otsikoita, kuvaavia linkkitekstej\u00e4 ja loogista kohdistusj\u00e4rjestyst\u00e4.<\/p>\n2.5 Sy\u00f6tetavat<\/strong>\u00a0 \u2014 Tue n\u00e4pp\u00e4imist\u00f6n ja hiiren lis\u00e4ksi muita sy\u00f6tt\u00f6tapoja. K\u00e4ytt\u00e4j\u00e4t voivat k\u00e4ytt\u00e4\u00e4 kosketusn\u00e4ytt\u00f6j\u00e4, \u00e4\u00e4nikomentoja tai kytkinohjausta.<\/p>\nYmm\u00e4rrett\u00e4vyytt\u00e4 koskevat ohjeet<\/h3>\n3.1 Luettava<\/strong>\u00a0 \u2014 Tee tekstist\u00e4 luettavaa ja ymm\u00e4rrett\u00e4v\u00e4\u00e4. K\u00e4yt\u00e4 selke\u00e4\u00e4 kielt\u00e4 ja m\u00e4\u00e4rittele ep\u00e4tavalliset termit tai lyhenteet.<\/p>\n3.2 Ennakoitava<\/strong>\u00a0 \u2014 Tee verkkosivujen ulkoasusta ja toiminnasta ennakoitavaa. Yhdenmukainen navigointi ja toiminnallisuus auttavat kaikkia k\u00e4ytt\u00e4ji\u00e4.<\/p>\n3.3 Sy\u00f6tteen avustaminen<\/strong>\u00a0 \u2014 Auta k\u00e4ytt\u00e4ji\u00e4 v\u00e4ltt\u00e4m\u00e4\u00e4n ja korjaamaan virheit\u00e4. Tarjoa lomakkeissa selke\u00e4t virheilmoitukset ja ohjeet.<\/p>\nToimintavarmuutta koskevat ohjeet<\/strong><\/h3>\n4.1 Yhteensopiva<\/strong>\u00a0 \u2014 Maksimoi yhteensopivuus nykyisten ja tulevien k\u00e4ytt\u00e4j\u00e4agenttien, mukaan lukien avustavien teknologioiden, kanssa. K\u00e4yt\u00e4 kelvollista koodia ja noudata verkkostandardeja, jotta sis\u00e4lt\u00f6 toimii luotettavasti eri selaimissa ja laitteissa.<\/p>\nMitk\u00e4 ovat WCAG:n kolme vaatimustenmukaisuustasoa?<\/strong><\/h3>\nWCAG:ssa on kolme vaatimustenmukaisuustasoa \u2014 taso A, taso AA ja taso AAA<\/strong> \u2014 jotka m\u00e4\u00e4rittelev\u00e4t kasvavat saavutettavuusvaatimukset. Taso AA on useimpien saavutettavuusvaatimusten oikeudellinen standardi.<\/p>\n\n\n\n\nTaso<\/th>\nKuvaus<\/th>\nOnnistumiskriteerit<\/th>\nOikeudellinen asema<\/th>\n<\/tr>\n<\/thead>\n\n\nTaso A<\/td>\nV\u00e4himm\u00e4issaavutettavuus \u2014 ratkaisee kaikkein kriittisimm\u00e4t saavutettavuusesteet.<\/td>\n30 kriteeri\u00e4<\/td>\nVaaditaan vaatimustenmukaisuuteen<\/td>\n<\/tr>\n\nTaso AA<\/td>\nTavanomainen saavutettavuus \u2014 poistaa esteit\u00e4 useimmilta vammaisilta henkil\u00f6ilt\u00e4.<\/td>\n20 lis\u00e4kriteeri\u00e4<\/td>\nUseimpien lakien edellytt\u00e4m\u00e4<\/td>\n<\/tr>\n\nTaso AAA<\/td>\nKorkein saavutettavuustaso \u2014 tarjoaa parannetun saavutettavuuden, mutta sit\u00e4 ei aina voida saavuttaa.<\/td>\n28 lis\u00e4kriteeri\u00e4<\/td>\nTavoitteellinen; ei lakis\u00e4\u00e4teinen<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/figure>\nJokainen taso perustuu edelliseen. Tason AA saavuttamiseksi kaikkien tason A kriteerien on ensin t\u00e4ytytt\u00e4v\u00e4. Vaatimustenmukaisuustasot auttavat verkkosivustojen omistajia priorisoimaan saavutettavuustoimia ja ymm\u00e4rt\u00e4m\u00e4\u00e4n velvoitteensa.<\/p>\nUseimpien saavutettavuuslakien mukaista WCAG-vaatimustenmukaisuutta varten organisaatioiden on t\u00e4ytett\u00e4v\u00e4 kaikki WCAG-tason A ja AA onnistumiskriteerit.<\/strong>\u00a0 Tason AAA vaatimustenmukaisuus on valinnainen, koska joitakin kriteerej\u00e4 ei voida t\u00e4ytt\u00e4\u00e4 kaikille sis\u00e4lt\u00f6tyypeille.<\/p>\nMiten onnistumiskriteerit eroavat tasoittain<\/strong><\/h3>\nSamalla ohjeella voi olla onnistumiskriteerej\u00e4 eri tasoilla. Seuraava esimerkki koskee videoiden saavutettavuusvaatimuksia:<\/p>\n<\/figure>\n
1.4 Erottuva<\/strong>\u00a0 \u2014 Tee sis\u00e4ll\u00f6st\u00e4 helposti n\u00e4ht\u00e4v\u00e4\u00e4 ja kuultavaa. T\u00e4h\u00e4n kuuluvat riitt\u00e4v\u00e4 v\u00e4rikontrasti, tekstin koon muuttaminen ja \u00e4\u00e4nenhallinta. Heikkon\u00e4k\u00f6iset tai kuulovammaiset k\u00e4ytt\u00e4j\u00e4t ovat riippuvaisia n\u00e4ist\u00e4 ominaisuuksista.<\/p>\nHallittavuutta koskevat ohjeet<\/strong><\/h3>\n2.1 K\u00e4ytett\u00e4viss\u00e4 n\u00e4pp\u00e4imist\u00f6ll\u00e4<\/strong>\u00a0 \u2014 Tee kaikki toiminnot k\u00e4ytett\u00e4viksi n\u00e4pp\u00e4imist\u00f6ll\u00e4. K\u00e4ytt\u00e4jien, jotka eiv\u00e4t voi k\u00e4ytt\u00e4\u00e4 hiirt\u00e4, on voitava liikkua verkkosis\u00e4ll\u00f6ss\u00e4 pelk\u00e4n n\u00e4pp\u00e4imist\u00f6n avulla.<\/p>\n2.2 Riitt\u00e4v\u00e4sti aikaa<\/strong>\u00a0 \u2014 Anna k\u00e4ytt\u00e4jille riitt\u00e4v\u00e4sti aikaa sis\u00e4ll\u00f6n lukemiseen ja k\u00e4ytt\u00e4miseen. V\u00e4lt\u00e4 tiukkoja aikarajoja tai tarjoa mahdollisuus pident\u00e4\u00e4 niit\u00e4.<\/p>\n2.3 Sairauskohtaukset ja fyysiset reaktiot<\/strong>\u00a0 \u2014 \u00c4l\u00e4 suunnittele sis\u00e4lt\u00f6\u00e4, joka voi aiheuttaa sairauskohtauksia. V\u00e4lt\u00e4 vilkkuvaa sis\u00e4lt\u00f6\u00e4, joka voi laukaista valoherk\u00e4n epilepsian.<\/p>\n2.4 Navigoitava<\/strong>\u00a0 \u2014 Auta k\u00e4ytt\u00e4ji\u00e4 liikkumaan ja l\u00f6yt\u00e4m\u00e4\u00e4n sis\u00e4lt\u00f6\u00e4. K\u00e4yt\u00e4 selkeit\u00e4 otsikoita, kuvaavia linkkitekstej\u00e4 ja loogista kohdistusj\u00e4rjestyst\u00e4.<\/p>\n2.5 Sy\u00f6tetavat<\/strong>\u00a0 \u2014 Tue n\u00e4pp\u00e4imist\u00f6n ja hiiren lis\u00e4ksi muita sy\u00f6tt\u00f6tapoja. K\u00e4ytt\u00e4j\u00e4t voivat k\u00e4ytt\u00e4\u00e4 kosketusn\u00e4ytt\u00f6j\u00e4, \u00e4\u00e4nikomentoja tai kytkinohjausta.<\/p>\nYmm\u00e4rrett\u00e4vyytt\u00e4 koskevat ohjeet<\/h3>\n3.1 Luettava<\/strong>\u00a0 \u2014 Tee tekstist\u00e4 luettavaa ja ymm\u00e4rrett\u00e4v\u00e4\u00e4. K\u00e4yt\u00e4 selke\u00e4\u00e4 kielt\u00e4 ja m\u00e4\u00e4rittele ep\u00e4tavalliset termit tai lyhenteet.<\/p>\n3.2 Ennakoitava<\/strong>\u00a0 \u2014 Tee verkkosivujen ulkoasusta ja toiminnasta ennakoitavaa. Yhdenmukainen navigointi ja toiminnallisuus auttavat kaikkia k\u00e4ytt\u00e4ji\u00e4.<\/p>\n3.3 Sy\u00f6tteen avustaminen<\/strong>\u00a0 \u2014 Auta k\u00e4ytt\u00e4ji\u00e4 v\u00e4ltt\u00e4m\u00e4\u00e4n ja korjaamaan virheit\u00e4. Tarjoa lomakkeissa selke\u00e4t virheilmoitukset ja ohjeet.<\/p>\nToimintavarmuutta koskevat ohjeet<\/strong><\/h3>\n4.1 Yhteensopiva<\/strong>\u00a0 \u2014 Maksimoi yhteensopivuus nykyisten ja tulevien k\u00e4ytt\u00e4j\u00e4agenttien, mukaan lukien avustavien teknologioiden, kanssa. K\u00e4yt\u00e4 kelvollista koodia ja noudata verkkostandardeja, jotta sis\u00e4lt\u00f6 toimii luotettavasti eri selaimissa ja laitteissa.<\/p>\nMitk\u00e4 ovat WCAG:n kolme vaatimustenmukaisuustasoa?<\/strong><\/h3>\nWCAG:ssa on kolme vaatimustenmukaisuustasoa \u2014 taso A, taso AA ja taso AAA<\/strong> \u2014 jotka m\u00e4\u00e4rittelev\u00e4t kasvavat saavutettavuusvaatimukset. Taso AA on useimpien saavutettavuusvaatimusten oikeudellinen standardi.<\/p>\n\n\n\n\nTaso<\/th>\nKuvaus<\/th>\nOnnistumiskriteerit<\/th>\nOikeudellinen asema<\/th>\n<\/tr>\n<\/thead>\n\n\nTaso A<\/td>\nV\u00e4himm\u00e4issaavutettavuus \u2014 ratkaisee kaikkein kriittisimm\u00e4t saavutettavuusesteet.<\/td>\n30 kriteeri\u00e4<\/td>\nVaaditaan vaatimustenmukaisuuteen<\/td>\n<\/tr>\n\nTaso AA<\/td>\nTavanomainen saavutettavuus \u2014 poistaa esteit\u00e4 useimmilta vammaisilta henkil\u00f6ilt\u00e4.<\/td>\n20 lis\u00e4kriteeri\u00e4<\/td>\nUseimpien lakien edellytt\u00e4m\u00e4<\/td>\n<\/tr>\n\nTaso AAA<\/td>\nKorkein saavutettavuustaso \u2014 tarjoaa parannetun saavutettavuuden, mutta sit\u00e4 ei aina voida saavuttaa.<\/td>\n28 lis\u00e4kriteeri\u00e4<\/td>\nTavoitteellinen; ei lakis\u00e4\u00e4teinen<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/figure>\nJokainen taso perustuu edelliseen. Tason AA saavuttamiseksi kaikkien tason A kriteerien on ensin t\u00e4ytytt\u00e4v\u00e4. Vaatimustenmukaisuustasot auttavat verkkosivustojen omistajia priorisoimaan saavutettavuustoimia ja ymm\u00e4rt\u00e4m\u00e4\u00e4n velvoitteensa.<\/p>\nUseimpien saavutettavuuslakien mukaista WCAG-vaatimustenmukaisuutta varten organisaatioiden on t\u00e4ytett\u00e4v\u00e4 kaikki WCAG-tason A ja AA onnistumiskriteerit.<\/strong>\u00a0 Tason AAA vaatimustenmukaisuus on valinnainen, koska joitakin kriteerej\u00e4 ei voida t\u00e4ytt\u00e4\u00e4 kaikille sis\u00e4lt\u00f6tyypeille.<\/p>\nMiten onnistumiskriteerit eroavat tasoittain<\/strong><\/h3>\nSamalla ohjeella voi olla onnistumiskriteerej\u00e4 eri tasoilla. Seuraava esimerkki koskee videoiden saavutettavuusvaatimuksia:<\/p>\n<\/figure>\n
2.1 K\u00e4ytett\u00e4viss\u00e4 n\u00e4pp\u00e4imist\u00f6ll\u00e4<\/strong>\u00a0 \u2014 Tee kaikki toiminnot k\u00e4ytett\u00e4viksi n\u00e4pp\u00e4imist\u00f6ll\u00e4. K\u00e4ytt\u00e4jien, jotka eiv\u00e4t voi k\u00e4ytt\u00e4\u00e4 hiirt\u00e4, on voitava liikkua verkkosis\u00e4ll\u00f6ss\u00e4 pelk\u00e4n n\u00e4pp\u00e4imist\u00f6n avulla.<\/p>\n2.2 Riitt\u00e4v\u00e4sti aikaa<\/strong>\u00a0 \u2014 Anna k\u00e4ytt\u00e4jille riitt\u00e4v\u00e4sti aikaa sis\u00e4ll\u00f6n lukemiseen ja k\u00e4ytt\u00e4miseen. V\u00e4lt\u00e4 tiukkoja aikarajoja tai tarjoa mahdollisuus pident\u00e4\u00e4 niit\u00e4.<\/p>\n2.3 Sairauskohtaukset ja fyysiset reaktiot<\/strong>\u00a0 \u2014 \u00c4l\u00e4 suunnittele sis\u00e4lt\u00f6\u00e4, joka voi aiheuttaa sairauskohtauksia. V\u00e4lt\u00e4 vilkkuvaa sis\u00e4lt\u00f6\u00e4, joka voi laukaista valoherk\u00e4n epilepsian.<\/p>\n2.4 Navigoitava<\/strong>\u00a0 \u2014 Auta k\u00e4ytt\u00e4ji\u00e4 liikkumaan ja l\u00f6yt\u00e4m\u00e4\u00e4n sis\u00e4lt\u00f6\u00e4. K\u00e4yt\u00e4 selkeit\u00e4 otsikoita, kuvaavia linkkitekstej\u00e4 ja loogista kohdistusj\u00e4rjestyst\u00e4.<\/p>\n2.5 Sy\u00f6tetavat<\/strong>\u00a0 \u2014 Tue n\u00e4pp\u00e4imist\u00f6n ja hiiren lis\u00e4ksi muita sy\u00f6tt\u00f6tapoja. K\u00e4ytt\u00e4j\u00e4t voivat k\u00e4ytt\u00e4\u00e4 kosketusn\u00e4ytt\u00f6j\u00e4, \u00e4\u00e4nikomentoja tai kytkinohjausta.<\/p>\nYmm\u00e4rrett\u00e4vyytt\u00e4 koskevat ohjeet<\/h3>\n3.1 Luettava<\/strong>\u00a0 \u2014 Tee tekstist\u00e4 luettavaa ja ymm\u00e4rrett\u00e4v\u00e4\u00e4. K\u00e4yt\u00e4 selke\u00e4\u00e4 kielt\u00e4 ja m\u00e4\u00e4rittele ep\u00e4tavalliset termit tai lyhenteet.<\/p>\n3.2 Ennakoitava<\/strong>\u00a0 \u2014 Tee verkkosivujen ulkoasusta ja toiminnasta ennakoitavaa. Yhdenmukainen navigointi ja toiminnallisuus auttavat kaikkia k\u00e4ytt\u00e4ji\u00e4.<\/p>\n3.3 Sy\u00f6tteen avustaminen<\/strong>\u00a0 \u2014 Auta k\u00e4ytt\u00e4ji\u00e4 v\u00e4ltt\u00e4m\u00e4\u00e4n ja korjaamaan virheit\u00e4. Tarjoa lomakkeissa selke\u00e4t virheilmoitukset ja ohjeet.<\/p>\nToimintavarmuutta koskevat ohjeet<\/strong><\/h3>\n4.1 Yhteensopiva<\/strong>\u00a0 \u2014 Maksimoi yhteensopivuus nykyisten ja tulevien k\u00e4ytt\u00e4j\u00e4agenttien, mukaan lukien avustavien teknologioiden, kanssa. K\u00e4yt\u00e4 kelvollista koodia ja noudata verkkostandardeja, jotta sis\u00e4lt\u00f6 toimii luotettavasti eri selaimissa ja laitteissa.<\/p>\nMitk\u00e4 ovat WCAG:n kolme vaatimustenmukaisuustasoa?<\/strong><\/h3>\nWCAG:ssa on kolme vaatimustenmukaisuustasoa \u2014 taso A, taso AA ja taso AAA<\/strong> \u2014 jotka m\u00e4\u00e4rittelev\u00e4t kasvavat saavutettavuusvaatimukset. Taso AA on useimpien saavutettavuusvaatimusten oikeudellinen standardi.<\/p>\n\n\n\n\nTaso<\/th>\nKuvaus<\/th>\nOnnistumiskriteerit<\/th>\nOikeudellinen asema<\/th>\n<\/tr>\n<\/thead>\n\n\nTaso A<\/td>\nV\u00e4himm\u00e4issaavutettavuus \u2014 ratkaisee kaikkein kriittisimm\u00e4t saavutettavuusesteet.<\/td>\n30 kriteeri\u00e4<\/td>\nVaaditaan vaatimustenmukaisuuteen<\/td>\n<\/tr>\n\nTaso AA<\/td>\nTavanomainen saavutettavuus \u2014 poistaa esteit\u00e4 useimmilta vammaisilta henkil\u00f6ilt\u00e4.<\/td>\n20 lis\u00e4kriteeri\u00e4<\/td>\nUseimpien lakien edellytt\u00e4m\u00e4<\/td>\n<\/tr>\n\nTaso AAA<\/td>\nKorkein saavutettavuustaso \u2014 tarjoaa parannetun saavutettavuuden, mutta sit\u00e4 ei aina voida saavuttaa.<\/td>\n28 lis\u00e4kriteeri\u00e4<\/td>\nTavoitteellinen; ei lakis\u00e4\u00e4teinen<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/figure>\nJokainen taso perustuu edelliseen. Tason AA saavuttamiseksi kaikkien tason A kriteerien on ensin t\u00e4ytytt\u00e4v\u00e4. Vaatimustenmukaisuustasot auttavat verkkosivustojen omistajia priorisoimaan saavutettavuustoimia ja ymm\u00e4rt\u00e4m\u00e4\u00e4n velvoitteensa.<\/p>\nUseimpien saavutettavuuslakien mukaista WCAG-vaatimustenmukaisuutta varten organisaatioiden on t\u00e4ytett\u00e4v\u00e4 kaikki WCAG-tason A ja AA onnistumiskriteerit.<\/strong>\u00a0 Tason AAA vaatimustenmukaisuus on valinnainen, koska joitakin kriteerej\u00e4 ei voida t\u00e4ytt\u00e4\u00e4 kaikille sis\u00e4lt\u00f6tyypeille.<\/p>\nMiten onnistumiskriteerit eroavat tasoittain<\/strong><\/h3>\nSamalla ohjeella voi olla onnistumiskriteerej\u00e4 eri tasoilla. Seuraava esimerkki koskee videoiden saavutettavuusvaatimuksia:<\/p>\n<\/figure>\n
2.2 Riitt\u00e4v\u00e4sti aikaa<\/strong>\u00a0 \u2014 Anna k\u00e4ytt\u00e4jille riitt\u00e4v\u00e4sti aikaa sis\u00e4ll\u00f6n lukemiseen ja k\u00e4ytt\u00e4miseen. V\u00e4lt\u00e4 tiukkoja aikarajoja tai tarjoa mahdollisuus pident\u00e4\u00e4 niit\u00e4.<\/p>\n2.3 Sairauskohtaukset ja fyysiset reaktiot<\/strong>\u00a0 \u2014 \u00c4l\u00e4 suunnittele sis\u00e4lt\u00f6\u00e4, joka voi aiheuttaa sairauskohtauksia. V\u00e4lt\u00e4 vilkkuvaa sis\u00e4lt\u00f6\u00e4, joka voi laukaista valoherk\u00e4n epilepsian.<\/p>\n2.4 Navigoitava<\/strong>\u00a0 \u2014 Auta k\u00e4ytt\u00e4ji\u00e4 liikkumaan ja l\u00f6yt\u00e4m\u00e4\u00e4n sis\u00e4lt\u00f6\u00e4. K\u00e4yt\u00e4 selkeit\u00e4 otsikoita, kuvaavia linkkitekstej\u00e4 ja loogista kohdistusj\u00e4rjestyst\u00e4.<\/p>\n2.5 Sy\u00f6tetavat<\/strong>\u00a0 \u2014 Tue n\u00e4pp\u00e4imist\u00f6n ja hiiren lis\u00e4ksi muita sy\u00f6tt\u00f6tapoja. K\u00e4ytt\u00e4j\u00e4t voivat k\u00e4ytt\u00e4\u00e4 kosketusn\u00e4ytt\u00f6j\u00e4, \u00e4\u00e4nikomentoja tai kytkinohjausta.<\/p>\nYmm\u00e4rrett\u00e4vyytt\u00e4 koskevat ohjeet<\/h3>\n3.1 Luettava<\/strong>\u00a0 \u2014 Tee tekstist\u00e4 luettavaa ja ymm\u00e4rrett\u00e4v\u00e4\u00e4. K\u00e4yt\u00e4 selke\u00e4\u00e4 kielt\u00e4 ja m\u00e4\u00e4rittele ep\u00e4tavalliset termit tai lyhenteet.<\/p>\n3.2 Ennakoitava<\/strong>\u00a0 \u2014 Tee verkkosivujen ulkoasusta ja toiminnasta ennakoitavaa. Yhdenmukainen navigointi ja toiminnallisuus auttavat kaikkia k\u00e4ytt\u00e4ji\u00e4.<\/p>\n3.3 Sy\u00f6tteen avustaminen<\/strong>\u00a0 \u2014 Auta k\u00e4ytt\u00e4ji\u00e4 v\u00e4ltt\u00e4m\u00e4\u00e4n ja korjaamaan virheit\u00e4. Tarjoa lomakkeissa selke\u00e4t virheilmoitukset ja ohjeet.<\/p>\nToimintavarmuutta koskevat ohjeet<\/strong><\/h3>\n4.1 Yhteensopiva<\/strong>\u00a0 \u2014 Maksimoi yhteensopivuus nykyisten ja tulevien k\u00e4ytt\u00e4j\u00e4agenttien, mukaan lukien avustavien teknologioiden, kanssa. K\u00e4yt\u00e4 kelvollista koodia ja noudata verkkostandardeja, jotta sis\u00e4lt\u00f6 toimii luotettavasti eri selaimissa ja laitteissa.<\/p>\nMitk\u00e4 ovat WCAG:n kolme vaatimustenmukaisuustasoa?<\/strong><\/h3>\nWCAG:ssa on kolme vaatimustenmukaisuustasoa \u2014 taso A, taso AA ja taso AAA<\/strong> \u2014 jotka m\u00e4\u00e4rittelev\u00e4t kasvavat saavutettavuusvaatimukset. Taso AA on useimpien saavutettavuusvaatimusten oikeudellinen standardi.<\/p>\n\n\n\n\nTaso<\/th>\nKuvaus<\/th>\nOnnistumiskriteerit<\/th>\nOikeudellinen asema<\/th>\n<\/tr>\n<\/thead>\n\n\nTaso A<\/td>\nV\u00e4himm\u00e4issaavutettavuus \u2014 ratkaisee kaikkein kriittisimm\u00e4t saavutettavuusesteet.<\/td>\n30 kriteeri\u00e4<\/td>\nVaaditaan vaatimustenmukaisuuteen<\/td>\n<\/tr>\n\nTaso AA<\/td>\nTavanomainen saavutettavuus \u2014 poistaa esteit\u00e4 useimmilta vammaisilta henkil\u00f6ilt\u00e4.<\/td>\n20 lis\u00e4kriteeri\u00e4<\/td>\nUseimpien lakien edellytt\u00e4m\u00e4<\/td>\n<\/tr>\n\nTaso AAA<\/td>\nKorkein saavutettavuustaso \u2014 tarjoaa parannetun saavutettavuuden, mutta sit\u00e4 ei aina voida saavuttaa.<\/td>\n28 lis\u00e4kriteeri\u00e4<\/td>\nTavoitteellinen; ei lakis\u00e4\u00e4teinen<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/figure>\nJokainen taso perustuu edelliseen. Tason AA saavuttamiseksi kaikkien tason A kriteerien on ensin t\u00e4ytytt\u00e4v\u00e4. Vaatimustenmukaisuustasot auttavat verkkosivustojen omistajia priorisoimaan saavutettavuustoimia ja ymm\u00e4rt\u00e4m\u00e4\u00e4n velvoitteensa.<\/p>\nUseimpien saavutettavuuslakien mukaista WCAG-vaatimustenmukaisuutta varten organisaatioiden on t\u00e4ytett\u00e4v\u00e4 kaikki WCAG-tason A ja AA onnistumiskriteerit.<\/strong>\u00a0 Tason AAA vaatimustenmukaisuus on valinnainen, koska joitakin kriteerej\u00e4 ei voida t\u00e4ytt\u00e4\u00e4 kaikille sis\u00e4lt\u00f6tyypeille.<\/p>\nMiten onnistumiskriteerit eroavat tasoittain<\/strong><\/h3>\nSamalla ohjeella voi olla onnistumiskriteerej\u00e4 eri tasoilla. Seuraava esimerkki koskee videoiden saavutettavuusvaatimuksia:<\/p>\n<\/figure>\n
2.3 Sairauskohtaukset ja fyysiset reaktiot<\/strong>\u00a0 \u2014 \u00c4l\u00e4 suunnittele sis\u00e4lt\u00f6\u00e4, joka voi aiheuttaa sairauskohtauksia. V\u00e4lt\u00e4 vilkkuvaa sis\u00e4lt\u00f6\u00e4, joka voi laukaista valoherk\u00e4n epilepsian.<\/p>\n2.4 Navigoitava<\/strong>\u00a0 \u2014 Auta k\u00e4ytt\u00e4ji\u00e4 liikkumaan ja l\u00f6yt\u00e4m\u00e4\u00e4n sis\u00e4lt\u00f6\u00e4. K\u00e4yt\u00e4 selkeit\u00e4 otsikoita, kuvaavia linkkitekstej\u00e4 ja loogista kohdistusj\u00e4rjestyst\u00e4.<\/p>\n2.5 Sy\u00f6tetavat<\/strong>\u00a0 \u2014 Tue n\u00e4pp\u00e4imist\u00f6n ja hiiren lis\u00e4ksi muita sy\u00f6tt\u00f6tapoja. K\u00e4ytt\u00e4j\u00e4t voivat k\u00e4ytt\u00e4\u00e4 kosketusn\u00e4ytt\u00f6j\u00e4, \u00e4\u00e4nikomentoja tai kytkinohjausta.<\/p>\nYmm\u00e4rrett\u00e4vyytt\u00e4 koskevat ohjeet<\/h3>\n3.1 Luettava<\/strong>\u00a0 \u2014 Tee tekstist\u00e4 luettavaa ja ymm\u00e4rrett\u00e4v\u00e4\u00e4. K\u00e4yt\u00e4 selke\u00e4\u00e4 kielt\u00e4 ja m\u00e4\u00e4rittele ep\u00e4tavalliset termit tai lyhenteet.<\/p>\n3.2 Ennakoitava<\/strong>\u00a0 \u2014 Tee verkkosivujen ulkoasusta ja toiminnasta ennakoitavaa. Yhdenmukainen navigointi ja toiminnallisuus auttavat kaikkia k\u00e4ytt\u00e4ji\u00e4.<\/p>\n3.3 Sy\u00f6tteen avustaminen<\/strong>\u00a0 \u2014 Auta k\u00e4ytt\u00e4ji\u00e4 v\u00e4ltt\u00e4m\u00e4\u00e4n ja korjaamaan virheit\u00e4. Tarjoa lomakkeissa selke\u00e4t virheilmoitukset ja ohjeet.<\/p>\nToimintavarmuutta koskevat ohjeet<\/strong><\/h3>\n4.1 Yhteensopiva<\/strong>\u00a0 \u2014 Maksimoi yhteensopivuus nykyisten ja tulevien k\u00e4ytt\u00e4j\u00e4agenttien, mukaan lukien avustavien teknologioiden, kanssa. K\u00e4yt\u00e4 kelvollista koodia ja noudata verkkostandardeja, jotta sis\u00e4lt\u00f6 toimii luotettavasti eri selaimissa ja laitteissa.<\/p>\nMitk\u00e4 ovat WCAG:n kolme vaatimustenmukaisuustasoa?<\/strong><\/h3>\nWCAG:ssa on kolme vaatimustenmukaisuustasoa \u2014 taso A, taso AA ja taso AAA<\/strong> \u2014 jotka m\u00e4\u00e4rittelev\u00e4t kasvavat saavutettavuusvaatimukset. Taso AA on useimpien saavutettavuusvaatimusten oikeudellinen standardi.<\/p>\n\n\n\n\nTaso<\/th>\nKuvaus<\/th>\nOnnistumiskriteerit<\/th>\nOikeudellinen asema<\/th>\n<\/tr>\n<\/thead>\n\n\nTaso A<\/td>\nV\u00e4himm\u00e4issaavutettavuus \u2014 ratkaisee kaikkein kriittisimm\u00e4t saavutettavuusesteet.<\/td>\n30 kriteeri\u00e4<\/td>\nVaaditaan vaatimustenmukaisuuteen<\/td>\n<\/tr>\n\nTaso AA<\/td>\nTavanomainen saavutettavuus \u2014 poistaa esteit\u00e4 useimmilta vammaisilta henkil\u00f6ilt\u00e4.<\/td>\n20 lis\u00e4kriteeri\u00e4<\/td>\nUseimpien lakien edellytt\u00e4m\u00e4<\/td>\n<\/tr>\n\nTaso AAA<\/td>\nKorkein saavutettavuustaso \u2014 tarjoaa parannetun saavutettavuuden, mutta sit\u00e4 ei aina voida saavuttaa.<\/td>\n28 lis\u00e4kriteeri\u00e4<\/td>\nTavoitteellinen; ei lakis\u00e4\u00e4teinen<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/figure>\nJokainen taso perustuu edelliseen. Tason AA saavuttamiseksi kaikkien tason A kriteerien on ensin t\u00e4ytytt\u00e4v\u00e4. Vaatimustenmukaisuustasot auttavat verkkosivustojen omistajia priorisoimaan saavutettavuustoimia ja ymm\u00e4rt\u00e4m\u00e4\u00e4n velvoitteensa.<\/p>\nUseimpien saavutettavuuslakien mukaista WCAG-vaatimustenmukaisuutta varten organisaatioiden on t\u00e4ytett\u00e4v\u00e4 kaikki WCAG-tason A ja AA onnistumiskriteerit.<\/strong>\u00a0 Tason AAA vaatimustenmukaisuus on valinnainen, koska joitakin kriteerej\u00e4 ei voida t\u00e4ytt\u00e4\u00e4 kaikille sis\u00e4lt\u00f6tyypeille.<\/p>\nMiten onnistumiskriteerit eroavat tasoittain<\/strong><\/h3>\nSamalla ohjeella voi olla onnistumiskriteerej\u00e4 eri tasoilla. Seuraava esimerkki koskee videoiden saavutettavuusvaatimuksia:<\/p>\n<\/figure>\n
2.4 Navigoitava<\/strong>\u00a0 \u2014 Auta k\u00e4ytt\u00e4ji\u00e4 liikkumaan ja l\u00f6yt\u00e4m\u00e4\u00e4n sis\u00e4lt\u00f6\u00e4. K\u00e4yt\u00e4 selkeit\u00e4 otsikoita, kuvaavia linkkitekstej\u00e4 ja loogista kohdistusj\u00e4rjestyst\u00e4.<\/p>\n2.5 Sy\u00f6tetavat<\/strong>\u00a0 \u2014 Tue n\u00e4pp\u00e4imist\u00f6n ja hiiren lis\u00e4ksi muita sy\u00f6tt\u00f6tapoja. K\u00e4ytt\u00e4j\u00e4t voivat k\u00e4ytt\u00e4\u00e4 kosketusn\u00e4ytt\u00f6j\u00e4, \u00e4\u00e4nikomentoja tai kytkinohjausta.<\/p>\nYmm\u00e4rrett\u00e4vyytt\u00e4 koskevat ohjeet<\/h3>\n3.1 Luettava<\/strong>\u00a0 \u2014 Tee tekstist\u00e4 luettavaa ja ymm\u00e4rrett\u00e4v\u00e4\u00e4. K\u00e4yt\u00e4 selke\u00e4\u00e4 kielt\u00e4 ja m\u00e4\u00e4rittele ep\u00e4tavalliset termit tai lyhenteet.<\/p>\n3.2 Ennakoitava<\/strong>\u00a0 \u2014 Tee verkkosivujen ulkoasusta ja toiminnasta ennakoitavaa. Yhdenmukainen navigointi ja toiminnallisuus auttavat kaikkia k\u00e4ytt\u00e4ji\u00e4.<\/p>\n3.3 Sy\u00f6tteen avustaminen<\/strong>\u00a0 \u2014 Auta k\u00e4ytt\u00e4ji\u00e4 v\u00e4ltt\u00e4m\u00e4\u00e4n ja korjaamaan virheit\u00e4. Tarjoa lomakkeissa selke\u00e4t virheilmoitukset ja ohjeet.<\/p>\nToimintavarmuutta koskevat ohjeet<\/strong><\/h3>\n4.1 Yhteensopiva<\/strong>\u00a0 \u2014 Maksimoi yhteensopivuus nykyisten ja tulevien k\u00e4ytt\u00e4j\u00e4agenttien, mukaan lukien avustavien teknologioiden, kanssa. K\u00e4yt\u00e4 kelvollista koodia ja noudata verkkostandardeja, jotta sis\u00e4lt\u00f6 toimii luotettavasti eri selaimissa ja laitteissa.<\/p>\nMitk\u00e4 ovat WCAG:n kolme vaatimustenmukaisuustasoa?<\/strong><\/h3>\nWCAG:ssa on kolme vaatimustenmukaisuustasoa \u2014 taso A, taso AA ja taso AAA<\/strong> \u2014 jotka m\u00e4\u00e4rittelev\u00e4t kasvavat saavutettavuusvaatimukset. Taso AA on useimpien saavutettavuusvaatimusten oikeudellinen standardi.<\/p>\n\n\n\n\nTaso<\/th>\nKuvaus<\/th>\nOnnistumiskriteerit<\/th>\nOikeudellinen asema<\/th>\n<\/tr>\n<\/thead>\n\n\nTaso A<\/td>\nV\u00e4himm\u00e4issaavutettavuus \u2014 ratkaisee kaikkein kriittisimm\u00e4t saavutettavuusesteet.<\/td>\n30 kriteeri\u00e4<\/td>\nVaaditaan vaatimustenmukaisuuteen<\/td>\n<\/tr>\n\nTaso AA<\/td>\nTavanomainen saavutettavuus \u2014 poistaa esteit\u00e4 useimmilta vammaisilta henkil\u00f6ilt\u00e4.<\/td>\n20 lis\u00e4kriteeri\u00e4<\/td>\nUseimpien lakien edellytt\u00e4m\u00e4<\/td>\n<\/tr>\n\nTaso AAA<\/td>\nKorkein saavutettavuustaso \u2014 tarjoaa parannetun saavutettavuuden, mutta sit\u00e4 ei aina voida saavuttaa.<\/td>\n28 lis\u00e4kriteeri\u00e4<\/td>\nTavoitteellinen; ei lakis\u00e4\u00e4teinen<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/figure>\nJokainen taso perustuu edelliseen. Tason AA saavuttamiseksi kaikkien tason A kriteerien on ensin t\u00e4ytytt\u00e4v\u00e4. Vaatimustenmukaisuustasot auttavat verkkosivustojen omistajia priorisoimaan saavutettavuustoimia ja ymm\u00e4rt\u00e4m\u00e4\u00e4n velvoitteensa.<\/p>\nUseimpien saavutettavuuslakien mukaista WCAG-vaatimustenmukaisuutta varten organisaatioiden on t\u00e4ytett\u00e4v\u00e4 kaikki WCAG-tason A ja AA onnistumiskriteerit.<\/strong>\u00a0 Tason AAA vaatimustenmukaisuus on valinnainen, koska joitakin kriteerej\u00e4 ei voida t\u00e4ytt\u00e4\u00e4 kaikille sis\u00e4lt\u00f6tyypeille.<\/p>\nMiten onnistumiskriteerit eroavat tasoittain<\/strong><\/h3>\nSamalla ohjeella voi olla onnistumiskriteerej\u00e4 eri tasoilla. Seuraava esimerkki koskee videoiden saavutettavuusvaatimuksia:<\/p>\n<\/figure>\n
2.5 Sy\u00f6tetavat<\/strong>\u00a0 \u2014 Tue n\u00e4pp\u00e4imist\u00f6n ja hiiren lis\u00e4ksi muita sy\u00f6tt\u00f6tapoja. K\u00e4ytt\u00e4j\u00e4t voivat k\u00e4ytt\u00e4\u00e4 kosketusn\u00e4ytt\u00f6j\u00e4, \u00e4\u00e4nikomentoja tai kytkinohjausta.<\/p>\nYmm\u00e4rrett\u00e4vyytt\u00e4 koskevat ohjeet<\/h3>\n3.1 Luettava<\/strong>\u00a0 \u2014 Tee tekstist\u00e4 luettavaa ja ymm\u00e4rrett\u00e4v\u00e4\u00e4. K\u00e4yt\u00e4 selke\u00e4\u00e4 kielt\u00e4 ja m\u00e4\u00e4rittele ep\u00e4tavalliset termit tai lyhenteet.<\/p>\n3.2 Ennakoitava<\/strong>\u00a0 \u2014 Tee verkkosivujen ulkoasusta ja toiminnasta ennakoitavaa. Yhdenmukainen navigointi ja toiminnallisuus auttavat kaikkia k\u00e4ytt\u00e4ji\u00e4.<\/p>\n3.3 Sy\u00f6tteen avustaminen<\/strong>\u00a0 \u2014 Auta k\u00e4ytt\u00e4ji\u00e4 v\u00e4ltt\u00e4m\u00e4\u00e4n ja korjaamaan virheit\u00e4. Tarjoa lomakkeissa selke\u00e4t virheilmoitukset ja ohjeet.<\/p>\nToimintavarmuutta koskevat ohjeet<\/strong><\/h3>\n4.1 Yhteensopiva<\/strong>\u00a0 \u2014 Maksimoi yhteensopivuus nykyisten ja tulevien k\u00e4ytt\u00e4j\u00e4agenttien, mukaan lukien avustavien teknologioiden, kanssa. K\u00e4yt\u00e4 kelvollista koodia ja noudata verkkostandardeja, jotta sis\u00e4lt\u00f6 toimii luotettavasti eri selaimissa ja laitteissa.<\/p>\nMitk\u00e4 ovat WCAG:n kolme vaatimustenmukaisuustasoa?<\/strong><\/h3>\nWCAG:ssa on kolme vaatimustenmukaisuustasoa \u2014 taso A, taso AA ja taso AAA<\/strong> \u2014 jotka m\u00e4\u00e4rittelev\u00e4t kasvavat saavutettavuusvaatimukset. Taso AA on useimpien saavutettavuusvaatimusten oikeudellinen standardi.<\/p>\n\n\n\n\nTaso<\/th>\nKuvaus<\/th>\nOnnistumiskriteerit<\/th>\nOikeudellinen asema<\/th>\n<\/tr>\n<\/thead>\n\n\nTaso A<\/td>\nV\u00e4himm\u00e4issaavutettavuus \u2014 ratkaisee kaikkein kriittisimm\u00e4t saavutettavuusesteet.<\/td>\n30 kriteeri\u00e4<\/td>\nVaaditaan vaatimustenmukaisuuteen<\/td>\n<\/tr>\n\nTaso AA<\/td>\nTavanomainen saavutettavuus \u2014 poistaa esteit\u00e4 useimmilta vammaisilta henkil\u00f6ilt\u00e4.<\/td>\n20 lis\u00e4kriteeri\u00e4<\/td>\nUseimpien lakien edellytt\u00e4m\u00e4<\/td>\n<\/tr>\n\nTaso AAA<\/td>\nKorkein saavutettavuustaso \u2014 tarjoaa parannetun saavutettavuuden, mutta sit\u00e4 ei aina voida saavuttaa.<\/td>\n28 lis\u00e4kriteeri\u00e4<\/td>\nTavoitteellinen; ei lakis\u00e4\u00e4teinen<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/figure>\nJokainen taso perustuu edelliseen. Tason AA saavuttamiseksi kaikkien tason A kriteerien on ensin t\u00e4ytytt\u00e4v\u00e4. Vaatimustenmukaisuustasot auttavat verkkosivustojen omistajia priorisoimaan saavutettavuustoimia ja ymm\u00e4rt\u00e4m\u00e4\u00e4n velvoitteensa.<\/p>\nUseimpien saavutettavuuslakien mukaista WCAG-vaatimustenmukaisuutta varten organisaatioiden on t\u00e4ytett\u00e4v\u00e4 kaikki WCAG-tason A ja AA onnistumiskriteerit.<\/strong>\u00a0 Tason AAA vaatimustenmukaisuus on valinnainen, koska joitakin kriteerej\u00e4 ei voida t\u00e4ytt\u00e4\u00e4 kaikille sis\u00e4lt\u00f6tyypeille.<\/p>\nMiten onnistumiskriteerit eroavat tasoittain<\/strong><\/h3>\nSamalla ohjeella voi olla onnistumiskriteerej\u00e4 eri tasoilla. Seuraava esimerkki koskee videoiden saavutettavuusvaatimuksia:<\/p>\n<\/figure>\n
3.1 Luettava<\/strong>\u00a0 \u2014 Tee tekstist\u00e4 luettavaa ja ymm\u00e4rrett\u00e4v\u00e4\u00e4. K\u00e4yt\u00e4 selke\u00e4\u00e4 kielt\u00e4 ja m\u00e4\u00e4rittele ep\u00e4tavalliset termit tai lyhenteet.<\/p>\n3.2 Ennakoitava<\/strong>\u00a0 \u2014 Tee verkkosivujen ulkoasusta ja toiminnasta ennakoitavaa. Yhdenmukainen navigointi ja toiminnallisuus auttavat kaikkia k\u00e4ytt\u00e4ji\u00e4.<\/p>\n3.3 Sy\u00f6tteen avustaminen<\/strong>\u00a0 \u2014 Auta k\u00e4ytt\u00e4ji\u00e4 v\u00e4ltt\u00e4m\u00e4\u00e4n ja korjaamaan virheit\u00e4. Tarjoa lomakkeissa selke\u00e4t virheilmoitukset ja ohjeet.<\/p>\nToimintavarmuutta koskevat ohjeet<\/strong><\/h3>\n4.1 Yhteensopiva<\/strong>\u00a0 \u2014 Maksimoi yhteensopivuus nykyisten ja tulevien k\u00e4ytt\u00e4j\u00e4agenttien, mukaan lukien avustavien teknologioiden, kanssa. K\u00e4yt\u00e4 kelvollista koodia ja noudata verkkostandardeja, jotta sis\u00e4lt\u00f6 toimii luotettavasti eri selaimissa ja laitteissa.<\/p>\nMitk\u00e4 ovat WCAG:n kolme vaatimustenmukaisuustasoa?<\/strong><\/h3>\nWCAG:ssa on kolme vaatimustenmukaisuustasoa \u2014 taso A, taso AA ja taso AAA<\/strong> \u2014 jotka m\u00e4\u00e4rittelev\u00e4t kasvavat saavutettavuusvaatimukset. Taso AA on useimpien saavutettavuusvaatimusten oikeudellinen standardi.<\/p>\n\n\n\n\nTaso<\/th>\nKuvaus<\/th>\nOnnistumiskriteerit<\/th>\nOikeudellinen asema<\/th>\n<\/tr>\n<\/thead>\n\n\nTaso A<\/td>\nV\u00e4himm\u00e4issaavutettavuus \u2014 ratkaisee kaikkein kriittisimm\u00e4t saavutettavuusesteet.<\/td>\n30 kriteeri\u00e4<\/td>\nVaaditaan vaatimustenmukaisuuteen<\/td>\n<\/tr>\n\nTaso AA<\/td>\nTavanomainen saavutettavuus \u2014 poistaa esteit\u00e4 useimmilta vammaisilta henkil\u00f6ilt\u00e4.<\/td>\n20 lis\u00e4kriteeri\u00e4<\/td>\nUseimpien lakien edellytt\u00e4m\u00e4<\/td>\n<\/tr>\n\nTaso AAA<\/td>\nKorkein saavutettavuustaso \u2014 tarjoaa parannetun saavutettavuuden, mutta sit\u00e4 ei aina voida saavuttaa.<\/td>\n28 lis\u00e4kriteeri\u00e4<\/td>\nTavoitteellinen; ei lakis\u00e4\u00e4teinen<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/figure>\nJokainen taso perustuu edelliseen. Tason AA saavuttamiseksi kaikkien tason A kriteerien on ensin t\u00e4ytytt\u00e4v\u00e4. Vaatimustenmukaisuustasot auttavat verkkosivustojen omistajia priorisoimaan saavutettavuustoimia ja ymm\u00e4rt\u00e4m\u00e4\u00e4n velvoitteensa.<\/p>\nUseimpien saavutettavuuslakien mukaista WCAG-vaatimustenmukaisuutta varten organisaatioiden on t\u00e4ytett\u00e4v\u00e4 kaikki WCAG-tason A ja AA onnistumiskriteerit.<\/strong>\u00a0 Tason AAA vaatimustenmukaisuus on valinnainen, koska joitakin kriteerej\u00e4 ei voida t\u00e4ytt\u00e4\u00e4 kaikille sis\u00e4lt\u00f6tyypeille.<\/p>\nMiten onnistumiskriteerit eroavat tasoittain<\/strong><\/h3>\nSamalla ohjeella voi olla onnistumiskriteerej\u00e4 eri tasoilla. Seuraava esimerkki koskee videoiden saavutettavuusvaatimuksia:<\/p>\n<\/figure>\n
3.2 Ennakoitava<\/strong>\u00a0 \u2014 Tee verkkosivujen ulkoasusta ja toiminnasta ennakoitavaa. Yhdenmukainen navigointi ja toiminnallisuus auttavat kaikkia k\u00e4ytt\u00e4ji\u00e4.<\/p>\n3.3 Sy\u00f6tteen avustaminen<\/strong>\u00a0 \u2014 Auta k\u00e4ytt\u00e4ji\u00e4 v\u00e4ltt\u00e4m\u00e4\u00e4n ja korjaamaan virheit\u00e4. Tarjoa lomakkeissa selke\u00e4t virheilmoitukset ja ohjeet.<\/p>\nToimintavarmuutta koskevat ohjeet<\/strong><\/h3>\n4.1 Yhteensopiva<\/strong>\u00a0 \u2014 Maksimoi yhteensopivuus nykyisten ja tulevien k\u00e4ytt\u00e4j\u00e4agenttien, mukaan lukien avustavien teknologioiden, kanssa. K\u00e4yt\u00e4 kelvollista koodia ja noudata verkkostandardeja, jotta sis\u00e4lt\u00f6 toimii luotettavasti eri selaimissa ja laitteissa.<\/p>\nMitk\u00e4 ovat WCAG:n kolme vaatimustenmukaisuustasoa?<\/strong><\/h3>\nWCAG:ssa on kolme vaatimustenmukaisuustasoa \u2014 taso A, taso AA ja taso AAA<\/strong> \u2014 jotka m\u00e4\u00e4rittelev\u00e4t kasvavat saavutettavuusvaatimukset. Taso AA on useimpien saavutettavuusvaatimusten oikeudellinen standardi.<\/p>\n\n\n\n\nTaso<\/th>\nKuvaus<\/th>\nOnnistumiskriteerit<\/th>\nOikeudellinen asema<\/th>\n<\/tr>\n<\/thead>\n\n\nTaso A<\/td>\nV\u00e4himm\u00e4issaavutettavuus \u2014 ratkaisee kaikkein kriittisimm\u00e4t saavutettavuusesteet.<\/td>\n30 kriteeri\u00e4<\/td>\nVaaditaan vaatimustenmukaisuuteen<\/td>\n<\/tr>\n\nTaso AA<\/td>\nTavanomainen saavutettavuus \u2014 poistaa esteit\u00e4 useimmilta vammaisilta henkil\u00f6ilt\u00e4.<\/td>\n20 lis\u00e4kriteeri\u00e4<\/td>\nUseimpien lakien edellytt\u00e4m\u00e4<\/td>\n<\/tr>\n\nTaso AAA<\/td>\nKorkein saavutettavuustaso \u2014 tarjoaa parannetun saavutettavuuden, mutta sit\u00e4 ei aina voida saavuttaa.<\/td>\n28 lis\u00e4kriteeri\u00e4<\/td>\nTavoitteellinen; ei lakis\u00e4\u00e4teinen<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/figure>\nJokainen taso perustuu edelliseen. Tason AA saavuttamiseksi kaikkien tason A kriteerien on ensin t\u00e4ytytt\u00e4v\u00e4. Vaatimustenmukaisuustasot auttavat verkkosivustojen omistajia priorisoimaan saavutettavuustoimia ja ymm\u00e4rt\u00e4m\u00e4\u00e4n velvoitteensa.<\/p>\nUseimpien saavutettavuuslakien mukaista WCAG-vaatimustenmukaisuutta varten organisaatioiden on t\u00e4ytett\u00e4v\u00e4 kaikki WCAG-tason A ja AA onnistumiskriteerit.<\/strong>\u00a0 Tason AAA vaatimustenmukaisuus on valinnainen, koska joitakin kriteerej\u00e4 ei voida t\u00e4ytt\u00e4\u00e4 kaikille sis\u00e4lt\u00f6tyypeille.<\/p>\nMiten onnistumiskriteerit eroavat tasoittain<\/strong><\/h3>\nSamalla ohjeella voi olla onnistumiskriteerej\u00e4 eri tasoilla. Seuraava esimerkki koskee videoiden saavutettavuusvaatimuksia:<\/p>\n<\/figure>\n
3.3 Sy\u00f6tteen avustaminen<\/strong>\u00a0 \u2014 Auta k\u00e4ytt\u00e4ji\u00e4 v\u00e4ltt\u00e4m\u00e4\u00e4n ja korjaamaan virheit\u00e4. Tarjoa lomakkeissa selke\u00e4t virheilmoitukset ja ohjeet.<\/p>\nToimintavarmuutta koskevat ohjeet<\/strong><\/h3>\n4.1 Yhteensopiva<\/strong>\u00a0 \u2014 Maksimoi yhteensopivuus nykyisten ja tulevien k\u00e4ytt\u00e4j\u00e4agenttien, mukaan lukien avustavien teknologioiden, kanssa. K\u00e4yt\u00e4 kelvollista koodia ja noudata verkkostandardeja, jotta sis\u00e4lt\u00f6 toimii luotettavasti eri selaimissa ja laitteissa.<\/p>\nMitk\u00e4 ovat WCAG:n kolme vaatimustenmukaisuustasoa?<\/strong><\/h3>\nWCAG:ssa on kolme vaatimustenmukaisuustasoa \u2014 taso A, taso AA ja taso AAA<\/strong> \u2014 jotka m\u00e4\u00e4rittelev\u00e4t kasvavat saavutettavuusvaatimukset. Taso AA on useimpien saavutettavuusvaatimusten oikeudellinen standardi.<\/p>\n\n\n\n\nTaso<\/th>\nKuvaus<\/th>\nOnnistumiskriteerit<\/th>\nOikeudellinen asema<\/th>\n<\/tr>\n<\/thead>\n\n\nTaso A<\/td>\nV\u00e4himm\u00e4issaavutettavuus \u2014 ratkaisee kaikkein kriittisimm\u00e4t saavutettavuusesteet.<\/td>\n30 kriteeri\u00e4<\/td>\nVaaditaan vaatimustenmukaisuuteen<\/td>\n<\/tr>\n\nTaso AA<\/td>\nTavanomainen saavutettavuus \u2014 poistaa esteit\u00e4 useimmilta vammaisilta henkil\u00f6ilt\u00e4.<\/td>\n20 lis\u00e4kriteeri\u00e4<\/td>\nUseimpien lakien edellytt\u00e4m\u00e4<\/td>\n<\/tr>\n\nTaso AAA<\/td>\nKorkein saavutettavuustaso \u2014 tarjoaa parannetun saavutettavuuden, mutta sit\u00e4 ei aina voida saavuttaa.<\/td>\n28 lis\u00e4kriteeri\u00e4<\/td>\nTavoitteellinen; ei lakis\u00e4\u00e4teinen<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/figure>\nJokainen taso perustuu edelliseen. Tason AA saavuttamiseksi kaikkien tason A kriteerien on ensin t\u00e4ytytt\u00e4v\u00e4. Vaatimustenmukaisuustasot auttavat verkkosivustojen omistajia priorisoimaan saavutettavuustoimia ja ymm\u00e4rt\u00e4m\u00e4\u00e4n velvoitteensa.<\/p>\nUseimpien saavutettavuuslakien mukaista WCAG-vaatimustenmukaisuutta varten organisaatioiden on t\u00e4ytett\u00e4v\u00e4 kaikki WCAG-tason A ja AA onnistumiskriteerit.<\/strong>\u00a0 Tason AAA vaatimustenmukaisuus on valinnainen, koska joitakin kriteerej\u00e4 ei voida t\u00e4ytt\u00e4\u00e4 kaikille sis\u00e4lt\u00f6tyypeille.<\/p>\nMiten onnistumiskriteerit eroavat tasoittain<\/strong><\/h3>\nSamalla ohjeella voi olla onnistumiskriteerej\u00e4 eri tasoilla. Seuraava esimerkki koskee videoiden saavutettavuusvaatimuksia:<\/p>\n<\/figure>\n
4.1 Yhteensopiva<\/strong>\u00a0 \u2014 Maksimoi yhteensopivuus nykyisten ja tulevien k\u00e4ytt\u00e4j\u00e4agenttien, mukaan lukien avustavien teknologioiden, kanssa. K\u00e4yt\u00e4 kelvollista koodia ja noudata verkkostandardeja, jotta sis\u00e4lt\u00f6 toimii luotettavasti eri selaimissa ja laitteissa.<\/p>\nMitk\u00e4 ovat WCAG:n kolme vaatimustenmukaisuustasoa?<\/strong><\/h3>\nWCAG:ssa on kolme vaatimustenmukaisuustasoa \u2014 taso A, taso AA ja taso AAA<\/strong> \u2014 jotka m\u00e4\u00e4rittelev\u00e4t kasvavat saavutettavuusvaatimukset. Taso AA on useimpien saavutettavuusvaatimusten oikeudellinen standardi.<\/p>\n\n\n\n\nTaso<\/th>\nKuvaus<\/th>\nOnnistumiskriteerit<\/th>\nOikeudellinen asema<\/th>\n<\/tr>\n<\/thead>\n\n\nTaso A<\/td>\nV\u00e4himm\u00e4issaavutettavuus \u2014 ratkaisee kaikkein kriittisimm\u00e4t saavutettavuusesteet.<\/td>\n30 kriteeri\u00e4<\/td>\nVaaditaan vaatimustenmukaisuuteen<\/td>\n<\/tr>\n\nTaso AA<\/td>\nTavanomainen saavutettavuus \u2014 poistaa esteit\u00e4 useimmilta vammaisilta henkil\u00f6ilt\u00e4.<\/td>\n20 lis\u00e4kriteeri\u00e4<\/td>\nUseimpien lakien edellytt\u00e4m\u00e4<\/td>\n<\/tr>\n\nTaso AAA<\/td>\nKorkein saavutettavuustaso \u2014 tarjoaa parannetun saavutettavuuden, mutta sit\u00e4 ei aina voida saavuttaa.<\/td>\n28 lis\u00e4kriteeri\u00e4<\/td>\nTavoitteellinen; ei lakis\u00e4\u00e4teinen<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/figure>\nJokainen taso perustuu edelliseen. Tason AA saavuttamiseksi kaikkien tason A kriteerien on ensin t\u00e4ytytt\u00e4v\u00e4. Vaatimustenmukaisuustasot auttavat verkkosivustojen omistajia priorisoimaan saavutettavuustoimia ja ymm\u00e4rt\u00e4m\u00e4\u00e4n velvoitteensa.<\/p>\nUseimpien saavutettavuuslakien mukaista WCAG-vaatimustenmukaisuutta varten organisaatioiden on t\u00e4ytett\u00e4v\u00e4 kaikki WCAG-tason A ja AA onnistumiskriteerit.<\/strong>\u00a0 Tason AAA vaatimustenmukaisuus on valinnainen, koska joitakin kriteerej\u00e4 ei voida t\u00e4ytt\u00e4\u00e4 kaikille sis\u00e4lt\u00f6tyypeille.<\/p>\nMiten onnistumiskriteerit eroavat tasoittain<\/strong><\/h3>\nSamalla ohjeella voi olla onnistumiskriteerej\u00e4 eri tasoilla. Seuraava esimerkki koskee videoiden saavutettavuusvaatimuksia:<\/p>\n<\/figure>\n
WCAG:ssa on kolme vaatimustenmukaisuustasoa \u2014 taso A, taso AA ja taso AAA<\/strong> \u2014 jotka m\u00e4\u00e4rittelev\u00e4t kasvavat saavutettavuusvaatimukset. Taso AA on useimpien saavutettavuusvaatimusten oikeudellinen standardi.<\/p>\n\n\n\n\nTaso<\/th>\nKuvaus<\/th>\nOnnistumiskriteerit<\/th>\nOikeudellinen asema<\/th>\n<\/tr>\n<\/thead>\n\n\nTaso A<\/td>\nV\u00e4himm\u00e4issaavutettavuus \u2014 ratkaisee kaikkein kriittisimm\u00e4t saavutettavuusesteet.<\/td>\n30 kriteeri\u00e4<\/td>\nVaaditaan vaatimustenmukaisuuteen<\/td>\n<\/tr>\n\nTaso AA<\/td>\nTavanomainen saavutettavuus \u2014 poistaa esteit\u00e4 useimmilta vammaisilta henkil\u00f6ilt\u00e4.<\/td>\n20 lis\u00e4kriteeri\u00e4<\/td>\nUseimpien lakien edellytt\u00e4m\u00e4<\/td>\n<\/tr>\n\nTaso AAA<\/td>\nKorkein saavutettavuustaso \u2014 tarjoaa parannetun saavutettavuuden, mutta sit\u00e4 ei aina voida saavuttaa.<\/td>\n28 lis\u00e4kriteeri\u00e4<\/td>\nTavoitteellinen; ei lakis\u00e4\u00e4teinen<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/figure>\nJokainen taso perustuu edelliseen. Tason AA saavuttamiseksi kaikkien tason A kriteerien on ensin t\u00e4ytytt\u00e4v\u00e4. Vaatimustenmukaisuustasot auttavat verkkosivustojen omistajia priorisoimaan saavutettavuustoimia ja ymm\u00e4rt\u00e4m\u00e4\u00e4n velvoitteensa.<\/p>\nUseimpien saavutettavuuslakien mukaista WCAG-vaatimustenmukaisuutta varten organisaatioiden on t\u00e4ytett\u00e4v\u00e4 kaikki WCAG-tason A ja AA onnistumiskriteerit.<\/strong>\u00a0 Tason AAA vaatimustenmukaisuus on valinnainen, koska joitakin kriteerej\u00e4 ei voida t\u00e4ytt\u00e4\u00e4 kaikille sis\u00e4lt\u00f6tyypeille.<\/p>\nMiten onnistumiskriteerit eroavat tasoittain<\/strong><\/h3>\nSamalla ohjeella voi olla onnistumiskriteerej\u00e4 eri tasoilla. Seuraava esimerkki koskee videoiden saavutettavuusvaatimuksia:<\/p>\n<\/figure>\n
Jokainen taso perustuu edelliseen. Tason AA saavuttamiseksi kaikkien tason A kriteerien on ensin t\u00e4ytytt\u00e4v\u00e4. Vaatimustenmukaisuustasot auttavat verkkosivustojen omistajia priorisoimaan saavutettavuustoimia ja ymm\u00e4rt\u00e4m\u00e4\u00e4n velvoitteensa.<\/p>\n
Useimpien saavutettavuuslakien mukaista WCAG-vaatimustenmukaisuutta varten organisaatioiden on t\u00e4ytett\u00e4v\u00e4 kaikki WCAG-tason A ja AA onnistumiskriteerit.<\/strong>\u00a0 Tason AAA vaatimustenmukaisuus on valinnainen, koska joitakin kriteerej\u00e4 ei voida t\u00e4ytt\u00e4\u00e4 kaikille sis\u00e4lt\u00f6tyypeille.<\/p>\nMiten onnistumiskriteerit eroavat tasoittain<\/strong><\/h3>\nSamalla ohjeella voi olla onnistumiskriteerej\u00e4 eri tasoilla. Seuraava esimerkki koskee videoiden saavutettavuusvaatimuksia:<\/p>\n<\/figure>\n
Samalla ohjeella voi olla onnistumiskriteerej\u00e4 eri tasoilla. Seuraava esimerkki koskee videoiden saavutettavuusvaatimuksia:<\/p>\n<\/figure>\n
![\"Search\"](\"https:\/\/stage-barriano.projectbeta.biz\/wp-content\/uploads\/2026\/07\/search.svg\" "\\"search\\"")
<\/span><\/div><\/div><\/div>