Sigilan sääntökirja

Jokainen WCAG 2.1:n A- ja AA-tason kriteeri selvällä kielellä: mitä se tarkoittaa, kenelle se auttaa, miten ihminen tarkistaa sen — ja mitkä osat Sigila tarkistaa puolestasi.

50 kriteeriä · Sigila tarkistaa 28 niistä osittain · 22 vaatii ihmisen

Automaattiset tarkistukset löytävät yleiset virheet mutta eivät voi vahvistaa kriteerin täyttymistä. Puhdas Sigilan tulos on hyvä alku, ei vaatimustenmukaisuustodistus.

Tämä sivu muistaa mitkä kohdat olit avannut ja mihin kohtaan olit menossa — selaimesi omassa muistissa, vain tätä sivua varten. Mitään ei lähetetä mihinkään eikä mitään mitata. (Selaimen yksityistilassa muisti on pois päältä; sivu toimii muuten täysin samoin.)

1. Havaittava

Kaikki voivat nähdä, kuulla tai muuten vastaanottaa sisällön.

1.1.1Muu kuin teksti -sisältöTaso ASigila tarkistaa osin

Kuvat, kuvakkeet ja muu ei-tekstinä oleva sisältö tarvitsevat tekstivastineen, joka palvelee samaa tarkoitusta. Pelkästään koristeelliset kuvat merkitään niin, että ruudunlukija ohittaa ne.

Jokainen kuva tarvitsee kirjoitetun kuvauksen (alt-tekstin), jotta myös se, joka ei näe kuvaa, tietää mitä siinä on.

Ruskea koira noutaa oranssia palloa — Kuva ilman kuvausta — sokean ruudunlukija lukee vain tiedostonimen

Skannaa tämä kriteeri Skannaa kaikki

(Mallipala — hyväksynnän jälkeen sama kaava lopuissa kriteereissä. “Skannaa tämä kriteeri” avaa skannerin ja tuo tämän kriteerin tuloksen esiin; kriteerikohtainen suodatus tulee erikseen.)

Kuinka yleinen

Kuntien etusivut, syyskuu 2026: 15 % sivustoista (299 kpl)

Kenelle se on tärkeä

Ruudunlukijaa käyttävät ja kaikki, joiden kuvat eivät lataudu.

Miten tarkistat itse

Katso jokaista kuvaa ja kuvasymbolilla varustettua nappia: kertooko sen tekstivastine, mitä kuva tarkoittaa juuri tässä paikassa? Onko koristekuva merkitty tyhjäksi (alt="")? Onko pelkällä kuvakkeella varustetulla napilla nimi?

Mitä Sigila tarkistaa

Mittarilta puuttuu ruudunlukijan nimi aria-meter-name
Mittarikomponentti (role="meter" tai <meter>) tarvitsee ruudunlukijalle nimen, joka kertoo mitä mitataan.
Tyypillisesti: Tilamittarit, varastolaskurit, kiintiön käytön esitykset.
Korjaus: Nimeä mittari: <meter min="0" max="100" value="40" aria-label="Vuoden budjetista käytetty"></meter> tai <label>-kytkennällä.
Edistymispalkilta puuttuu ruudunlukijan nimi aria-progressbar-name
Edistymispalkki (role="progressbar") tarvitsee ruudunlukijalle nimen, joka kertoo mitä edistetään.
Tyypillisesti: Latauspalkit, monivaiheisten lomakkeiden vaihemittarit.
Korjaus: Nimeä palkki: <div role="progressbar" aria-label="Tilauksen vaihe 2/4" …></div>
Kuvalta puuttuu alt-teksti image-alt
Jokainen <img>-kuva tarvitsee alt-määritteen — myös tyhjän (alt=""), jos kuva on pelkkää koristetta.
Tyypillisesti: Artikkelikuvat, bannerit, tuotekuvat — kaikki kuvat, jotka eivät ole koristeita.
Korjaus: Lisää kuvaus: <img src="koira.jpg" alt="Ruskea koira noutaa oranssia palloa">. Pelkälle koristeelle alt="" jolloin ruudunlukija ohittaa sen.
Lomakkeen kuvanapilta puuttuu alt-teksti input-image-alt
Lomakkeen kuvanappi (<input type="image">) tarvitsee alt-tekstin, joka kertoo mitä nappi tekee.
Tyypillisesti: Kuvina tehdyt haku- ja lähetysnapit.
Korjaus: Anna napin tarkoitus alt-attribuutissa: <input type="image" src="haku.png" alt="Hae"> — tai käytä tavallista <button>-nappia tekstillä.
Object-upotukselta puuttuu tekstivastine object-alt
<object>-elementillä upotettu sisältö tarvitsee tekstivastineen.
Tyypillisesti: Vanhempien järjestelmien upotukset, PDF-katselimet, karttaupotukset.
Korjaus: Kirjoita kuvaus elementin sisään lapsisisällöksi: <object data="kartta.pdf">Varaston kartta, avainpöytä on sisäänkäynnin vieressä.</object>
Roolilla img merkityltä elementiltä puuttuu nimi role-img-alt
Elementti, jolle on annettu rooli img (role="img"), tarvitsee ruudunlukijalle nimen.
Tyypillisesti: Taustakuvina toteutetut kuvakkeet ja sommitteluelementit, jotka on merkitty kuviksi.
Korjaus: Lisää aria-label tai aria-labelledby: <div role="img" aria-label="Vuorokauden sademäärä 12 mm"></div>
SVG-kuvalta puuttuu nimi svg-img-alt
SVG-kuva tarvitsee roolin ja nimen, jotta ruudunlukija lukee sen kuvana.
Tyypillisesti: Vektorina tehdyt logot, kuvakkeet ja infografiikat.
Korjaus: <svg role="img" aria-label="Sigilan logo">…</svg> tai sisällytä nimi: <svg><title>Sigilan logo</title>…</svg>

1.2.1Vain ääntä tai vain kuvaa (ennaltatallennettu)Taso AVaatii ihmisen

Tallennetulla äänellä on tekstivastine. Tallennetulla äänettömällä videolla on tekstivastine tai ääniraita, joka kertoo mitä näkyy.

Pelkkä ääni tarvitsee rinnalleen tekstin; mykkä video tarvitsee tekstin tai ääniraidan, joka kertoo mitä tapahtuu.

Mies kuulokkeet päässä katsoo videota näytöltä; ääntä ei kuulu eikä kuvausta ole — Väärin — mykkä video ilman ääniraitaa tai tekstiä (podcast ilman tekstiä on sama asia kuuroille)

Mies kuulokkeet päässä katsoo videota; näytöllä näkyy tekstitys ja ääniaallot kuvaavat äänikuvauksen kuulemista — Oikein — teksti näkyy ja/tai ääniraita kertoo, mitä ruudulla tapahtuu

Skannaa tämä kriteeri Skannaa kaikki

Kenelle se on tärkeä

Kuurot ja huonokuuloiset sekä sokeat äänettömän videon kohdalla.

Miten tarkistat itse

Tarkista jokaiselta podcastilta ja tallenteelta, että saman tiedon saa myös tekstinä. Mykältä videolta riittää jompikumpi: tekstivastine tai ääniraita, joka kertoo mitä ruudulla tapahtuu.

Mitä Sigila tarkistaa

Ei automaattista mittaustapaa: tämä vaatii ihmisen.

Miten tämä korjataan — kriteerin ohje ›

Kriteeri koskee ennaltatallennettua mediaa, jolla ei ole yhtään tekstivastinetta: pelkkää ääntä (podcast, haastattelu) tai pelkkää kuvaa (mykkä esittelyvideo).

Tyypillisesti: Podcastit, haastattelutallenteet, mykät tuote- ja palveluesittelyt, taustavideot — jotka eivät ole pelkkää koristetta.

Korjaus: Podcastille kirjoita tekstivastine ja aseta sen linkki soittimen alapuolelle avautuvaksi (>-linkki). Mykälle videolle jompikumpi: tekstinä tai ääniraitana, joka kertoo mitä ruudulla tapahtuu. Sigila löytää median, näyttää sen kuvakaappauksineen ja ohjaa kysymyksellä — tekstin tuottaminen on Vaihe AI:n lisäpalvelua.

1.2.2Tekstitys (ennaltatallennettu)Taso ASigila tarkistaa osin

Tallennetuilla videoilla, joissa on ääntä, on tekstitys.

Video, jossa puhutaan, tarvitsee tekstityksen — se on kuuron korvat ja monen muun tapa seurata puhetta.

Iäkkäs nainen kuulokoje päässä katsoo puhuvaa videota; ruudulla ei ole tekstejä — Väärin — video puhuu, tekstejä ei näy

Iäkkäs nainen kuulokoje päässä katsoo videota, jonka tekstitys on päällä — Oikein — tekstitys päällä oletuksena

Skannaa tämä kriteeri Skannaa kaikki

Kenelle se on tärkeä

Kuurot ja huonokuuloiset sekä kaikki, jotka katsovat ilman ääntä.

Miten tarkistat itse

Toista jokainen video tekstitys päällä. Onko tekstitys kattava ja tahdissa kuvan kanssa, ja viestiikö se puhujan sekä kuvan merkittävät äänet? Automaattinen tekstitys pitää tarkistaa virheiden varalta.

Mitä Sigila tarkistaa

Videolta puuttuu tekstitysraita (track) video-caption
Videolta puuttuu tekstitysraita (<track kind="captions">) — tai se on olemassa mutta ei päällä oletuksena.
Tyypillisesti: HTML5-videot omilla sivuilla. YouTube- ja Vimeo-upotuksissa tekstitys lisätään palvelun omilla työkaluilla, ja sen päällekytkeminen upotuksessa tehdään upotusosoitteella.
Korjaus: HTML5-video: lisää raita ja merkintä default, jolloin tekstitys on päällä heti: <video ...><track kind="captions" srclang="fi" label="Suomi" src="tekstitys.vtt" default></video>. YouTube-upotuksessa: lisää osoitteeseen ?cc_load_policy=1. Nykyselaimet kunnioittavat oletusta; katsoja saa silti halutessaan kytkeä tekstit pois, ja se kuuluu asiaan.

Miten tämä korjataan — kriteerin ohje ›

Videolla, jossa puhutaan, ei ole tekstitystä — tai se on olemassa muttei päällä oletuksena.

Tyypillisesti: HTML5-videot omilla sivuilla; YouTube- ja Vimeo-upotukset; kunnan ja yritysten esittely- ja kokousvideot.

Korjaus: HTML5-video: <track kind="captions" srclang="fi" label="Suomi" src="tekstitys.vtt" default> — defaultmerkintä pitää tekstit päällä heti. YouTube-upotukseen ?cc_load_policy=1. Katsoja saa tekstit silti pois — se kuuluu asiaan.

1.2.3Äänikuvaus tai tekstivastine (ennaltatallennettu)Taso AVaatii ihmisen

Se, mitä tallennettu video näyttää vain kuvana, on saatavilla myös puhuttuna kuvauksena tai kokonaisena tekstivastineena.

Se, mitä video näyttää vain kuvana — nimet, tekstit, tärkeät tapahtumat — on kerrottava myös äänenä tai tekstinä.

Mies kuulokkeet päässä katsoo videota; tärkeä tieto näkyy vain kuvana, äänessä ei kuvausta — Väärin — tärkeä tieto on vain kuvassa, ei äänessä eikä tekstinä

Mies kuulokkeet päässä kuuntelee videota; ääniaallot kuvaavat äänikuvauksen kuulemista — Oikein — äänikuvaus tai teksti kertoo, mitä kuvassa tapahtuu

Skannaa tämä kriteeri Skannaa kaikki

Kenelle se on tärkeä

Sokeat ja heikkonäköiset.

Miten tarkistat itse

Katso video silmät kiinni: jääkö jotain tärkeää näkemättä? Jos jää, etsi äänikuvaus tai tekstivastine.

Mitä Sigila tarkistaa

Ei automaattista mittaustapaa: tämä vaatii ihmisen.

Miten tämä korjataan — kriteerin ohje ›

Videossa tärkeä tieto näkyy vain kuvana — nimet, paikat, luvut, tapahtumat — eikä ääniraita eikä teksti kerro niitä.

Tyypillisesti: Esittelyvideot, joissa näkyy esimerkiksi osoite tai hinta vain tekstinä ruudulla; uutiskatkelmat, joissa kuva kertoo puolet viestistä.

Korjaus: Jompikumpi: äänikuvattu versio (eri tiedosto tai palvelun moniraita) TAI tekstivastine, jonka linkki avautuu videon alapuolelle (>-linkki — sama taitto kuin Sigilan sääntökirjassa). Tekstivastineen luonnoksen voi Vaihe AI:ssa saada valmiiksi korjattavaksi.

1.2.4Tekstitys (suora lähetys)Taso AAVaatii ihmisen

Suoralla videolähetyksellä, jossa on ääntä, on reaaliaikainen tekstitys.

Suorassa lähetyksessä tekstityksen pitää syntyä samaan tahtiin kuin puhe — muuten kuuro jää tietämättä, mitä juuri sanottiin.

Iäkkäs mies katsoo suoraa uutislähetystä meren rannalta; tekstitystä ei näy — Väärin — suora lähetys ilman reaaliaikaista tekstitystä

Iäkkäs mies katsoo suoraa uutislähetystä, jonka tekstitys syntyy puheen tahdissa — Oikein — tekstitys syntyy puheen tahdissa

Skannaa tämä kriteeri Skannaa kaikki

Kenelle se on tärkeä

Kuurot ja huonokuuloiset.

Miten tarkistat itse

Onko suorassa lähetyksessä tekstitys sillä hetkellä, kun ihmiset puhuvat?

Mitä Sigila tarkistaa

Ei automaattista mittaustapaa: tämä vaatii ihmisen.

Miten tämä korjataan — kriteerin ohje ›

Suorassa lähetyksessä ei ole reaaliaikaista tekstitystä.

Tyypillisesti: Suorat uutis- ja valtuustolähetykset, webinaarit, striimit — yleensä vain isot toimijat ovat hankkineet ne.

Korjaus: Tilauspohjainen puheesta tekstiin -palvelu (stenografi) on laadultaan paras. YouTube-liven automaattitekstitys kattaa englannin; suomenkielinen automaattinen suoratekstitys on yhä heikkolaatuinen, joten se on pikkuapu ei ratkaisu. Sigila ei voi mitata suoraa lähetystä jälkikäteen — tämä on tilaajalle ohjattu tarkistus.

1.2.5Äänikuvaus (ennaltatallennettu)Taso AAVaatii ihmisen

Tallennetuilla videoilla on äänikuvaus visuaaliselle tiedolle, jota ääniraita ei selitä.

Videolla, jonka tärkeä tieto näkyy vain kuvana, on äänikuvaus: ääni kertoo ne kuvan tapahtumat, joita puhuttu ääniraita ei selitä.

Mies kuulokkeet päässä katsoo videota; kuvan tapahtumat jäävät häneltä kokonaan saamatta — Väärin — ääniraita ei selitä sitä, mitä ruudulla näkyy

Skannaa tämä kriteeri Skannaa kaikki

Kenelle se on tärkeä

Sokeat ja heikkonäköiset.

Miten tarkistat itse

Onko videosta kuvattu versio, tai selittääkö puhe jo kaiken näytettävän?

Mitä Sigila tarkistaa

Ei automaattista mittaustapaa: tämä vaatii ihmisen.

Miten tämä korjataan — kriteerin ohje ›

Videolla on kuvattua tietoa, jota ääniraita ei selitä, eikä äänikuvattua versiota ole.

Tyypillisesti: Esittelyvideot, joissa kamera näyttää esimerkiksi reitin, mittarit tai tuotteen yksityiskohdat ilman selittävää puhetta.

Korjaus: Äänikuvattu versio: erillinen kuvattu tiedosto (YouTube sallii useamman ääniraidan) tai pitkä kuvaus tekstinä, joka avautuu videon alapuolella >-linkistä. Tekeminen on työtä — siksi Sigilan Vaihe AI:ssa luonnos tehdään puolestasi ja sinä hyväksyt sen.

1.3.1Tiedot ja suhteetTaso ASigila tarkistaa osin

Visuaalisesti näkyvä rakenne — otsikot, listat, taulukot, lomakkeiden nimikkeet, valintaryhmät — on myös koodissa, jotta apuvälineet voivat välittää sen eteenpäin.

Kuinka yleinen

Kuntien etusivut, syyskuu 2026: 20 % sivustoista (299 kpl)

Kenelle se on tärkeä

Ruudunlukijan ja muiden apuvälineiden käyttäjät.

Miten tarkistat itse

Ovatko otsikot oikeita otsikkotunnisteita, listat oikeita listoja ja taulukot merkitty otsikkosoluineen? Onko jokainen lomakekenttä yhdistetty nimikkeeseensä?

Mitä Sigila tarkistaa

Koko sivun runko on piilotettu apuvälineiltä (aria-hidden) aria-hidden-body
Tämän mittarin tarkempi selitys ja korjausohje täydentyy kriteerikohtaisessa läpikäynnissä.
Roolin vaatimat lapsielementit puuttuvat aria-required-children
Tämän mittarin tarkempi selitys ja korjausohje täydentyy kriteerikohtaisessa läpikäynnissä.
Roolin vaatima ympäröivä elementti puuttuu aria-required-parent
Tämän mittarin tarkempi selitys ja korjausohje täydentyy kriteerikohtaisessa läpikäynnissä.
Määritelmälistan rakenne on virheellinen definition-list
Tämän mittarin tarkempi selitys ja korjausohje täydentyy kriteerikohtaisessa läpikäynnissä.
Määritelmälistan kohta on listan ulkopuolella dlitem
Tämän mittarin tarkempi selitys ja korjausohje täydentyy kriteerikohtaisessa läpikäynnissä.
Listan sisällä on muitakin kuin listakohtia list
Tämän mittarin tarkempi selitys ja korjausohje täydentyy kriteerikohtaisessa läpikäynnissä.
Listakohdan ympärillä ei ole listaa listitem
Tämän mittarin tarkempi selitys ja korjausohje täydentyy kriteerikohtaisessa läpikäynnissä.
Taulukon headers-määrite osoittaa olemattomiin soluihin td-headers-attr
Tämän mittarin tarkempi selitys ja korjausohje täydentyy kriteerikohtaisessa läpikäynnissä.
Taulukon otsikkosolu ei kata yhtään datasolua th-has-data-cells
Tämän mittarin tarkempi selitys ja korjausohje täydentyy kriteerikohtaisessa läpikäynnissä.

1.3.2Merkityksellinen järjestysTaso AVaatii ihmisen

Kun järjestyksellä on väliä, koodin järjestys vastaa lukujärjestystä.

Kenelle se on tärkeä

Ruudunlukijan käyttäjät ja kaikki, jotka muuttavat sivun ulkoasua.

Miten tarkistat itse

Lue sivua ruudunlukijalla tai tyylit pois kytkettynä: teekeekö järjestys edelleen selvää?

Mitä Sigila tarkistaa

Ei automaattista mittaustapaa: tämä vaatii ihmisen.

1.3.3AistiominaisuudetTaso AVaatii ihmisen

Ohjeet nojaavat pelkkään muotoon, kokoon, sijaintiin, suuntaan tai ääneen — esimerkiksi "paina oikealla olevaa pyöreää nappia".

Kenelle se on tärkeä

Sokeat, värisokeat ja kaikki, jotka katsovat sivua eri asettelussa.

Miten tarkistat itse

Lue jokainen ohje: pystytkö seuraamaan sitä näkemättä sivua tai kuulematta ääntä?

Mitä Sigila tarkistaa

Ei automaattista mittaustapaa: tämä vaatii ihmisen.

1.3.4SuuntaTaso AAVaatii ihmisen

Sisältö toimii sekä pysty- että vaakasuunnassa, ellei yksi suunta ole olennainen sisällön kannalta.

Kenelle se on tärkeä

Ihmiset, joiden laite on kiinnitettynä yhteen asentoon — esimerkiksi pyörätuolissa.

Miten tarkistat itse

Käännä puhelin tai tabletti: toimiko sivusto molemmilla tavoilla?

Mitä Sigila tarkistaa

Ei automaattista mittaustapaa: tämä vaatii ihmisen.

Uusi WCAG 2.1:ssä.

1.3.5Syötteen tarkoitusTaso AASigila tarkistaa osin

Lomakekentät, jotka kysyvät käyttäjän omia tietoja — nimeä, sähköpostia, osoitetta, puhelinta — kantavat oikeaa autocomplete-arvoa, jotta selain ja apuvälineet voivat täyttää ne.

Kuinka yleinen

Kuntien etusivut, syyskuu 2026: 0 % sivustoista (299 kpl)

Kenelle se on tärkeä

Motorisen tai kognitiivisen rajoitteen ihmiset, joille kirjoittaminen on hidasta tai virhealtista.

Miten tarkistat itse

Ala täyttää yhteydenotto- tai tilauslomaketta: tarjoaako selain omien tietojesi täyttöä?

Mitä Sigila tarkistaa

Sigila löytää kentät, jotka kysyvät henkilötietoja (nimi, sähköposti, puhelin, osoite), ja listaa ne, joista puuttuu autocomplete-arvo.

Autocomplete-arvo on virheellinen autocomplete-valid
Tämän mittarin tarkempi selitys ja korjausohje täydentyy kriteerikohtaisessa läpikäynnissä.

Uusi WCAG 2.1:ssä.

1.4.1Värin käyttöTaso ASigila tarkistaa osin

Väri ei ole ainoa keino välittää tietoa. Tekstin sisällä olevat linkit, pakolliset kentät ja virheet eroavat myös alleviivauksella, tekstillä tai kuvakkeella.

Kuinka yleinen

Kuntien etusivut, syyskuu 2026: 4 % sivustoista (299 kpl)

Kenelle se on tärkeä

Värisokeat ja heikkonäköiset.

Miten tarkistat itse

Katso sivua harmaasävyissä: erotatko yhä linkit tekstistä, ja näetkö mitkä kentät on merkitty pakollisiksi tai virheellisiksi?

Mitä Sigila tarkistaa

Linkki ei erotu tekstistään pelkällä värillä link-in-text-block
Tämän mittarin tarkempi selitys ja korjausohje täydentyy kriteerikohtaisessa läpikäynnissä.

1.4.2Äänen hallintaTaso ASigila tarkistaa osin

Itsestään soiva ääni, joka kestää yli kolme sekuntia, on pysäytettävissä tai sen äänenvoimakkuus on säädettävissä erikseen.

Kenelle se on tärkeä

Ruudunlukijan käyttäjät, joita ääni peittää.

Miten tarkistat itse

Aloittaako mikään soimaan itsestään? Jos aloittaa, onko sivun yläosassa näkyvä pysäytyskeino?

Mitä Sigila tarkistaa

Itsestään soiva ääni yli 3 s ilman pysäytystä no-autoplay-audio
Tämän mittarin tarkempi selitys ja korjausohje täydentyy kriteerikohtaisessa läpikäynnissä.

1.4.3Kontrasti (vähimmäis)Taso AASigila tarkistaa osin

Tekstin kontrasti taustaansa vastaan on vähintään 4,5:1. Suurella tekstillä (noin 24 px, tai 19 px lihavoituna) riittää 3:1.

Kuinka yleinen

Kuntien etusivut, syyskuu 2026: 34 % sivustoista (299 kpl)

Kenelle se on tärkeä

Käytännössä kaikki: riittävä kontrasti auttaa jokaista lukijaa kaikissa tilanteissa, ja heikkonäköisille ja iäkkäille se on välttämätön.

Miten tarkistat itse

Sigila mittaa tekstin kontrastin puolestasi. Tarkista käsin teksti, joka on kuvan tai liukuvärin päällä — yksikään työkalu ei mittaa sitä luotettavasti.

Mitä Sigila tarkistaa

Tekstin kontrasti taustaansa vastaan on liian matala color-contrast
Tämän mittarin tarkempi selitys ja korjausohje täydentyy kriteerikohtaisessa läpikäynnissä.

1.4.4Tekstin koon muuttaminenTaso AASigila tarkistaa osin

Teksti on suurennettavissa 200 %:ksi menettämättä sisältöä tai toimintoja.

Kuinka yleinen

Kuntien etusivut, syyskuu 2026: 4 % sivustoista (299 kpl)

Kenelle se on tärkeä

Heikkonäköiset.

Miten tarkistat itse

Suurenna selaimen zoomaus 200 %:iin: onko kaikki yhä luettavissa, eikä mikään mene päällekkäin tai katoa?

Mitä Sigila tarkistaa

Sigila valokuvaa sivun 683 px:n leveydellä (työpöydän kävijä 200 % zoomauksessa) ja raportoi sivusuuntaisen ylivuodon ja piiloutuvan tekstin tarkistettavaksi kuvan kera.

Näkymäasetus estää zoomauksen (user-scalable=no) meta-viewport
Tämän mittarin tarkempi selitys ja korjausohje täydentyy kriteerikohtaisessa läpikäynnissä.

1.4.5Tekstin kuvatTaso AAVaatii ihmisen

Teksti on oikeaa tekstiä, ei kuvaa tekstistä — paitsi logoissa ja olennaisissa tapauksissa.

Kenelle se on tärkeä

Kaikki, jotka suurentavat tekstiä, vaihtavat värejä tai käyttävät ruudunlukijaa.

Miten tarkistat itse

Yritä valita sanoja bannereista ja napeista. Jos ne ovat osa kuvaa, onko se todella välttämätöntä?

Mitä Sigila tarkistaa

Ei automaattista mittaustapaa: tämä vaatii ihmisen.

1.4.10UudelleenvirtausTaso AASigila tarkistaa osin

Sisältö mahtuu 320 pikselin leveydelle — työpöydän sivu 400 % zoomauksessa — ilman vieritystä kahteen suuntaan.

Kenelle se on tärkeä

Heikkonäköiset, jotka zoomaavat syvälle.

Miten tarkistat itse

Zoomaa työpöydän selain 400 %:iin: luettuko kaiken vierittämällä vain ylös ja alas?

Mitä Sigila tarkistaa

Sigila valokuvaa sivun 320 px:n leveydellä ja mittaa sivusuuntaisen ylivuodon: yli 8 px raportoidaan todennäköisenä virheenä, kuva todisteena.

Uusi WCAG 2.1:ssä.

1.4.11Muun kuin tekstin kontrastiTaso AAVaatii ihmisen

Lomakekenttien reunoilla, napeilla, fokusrenkailla ja merkityksellisillä grafiikoilla on vähintään 3:1 kontrasti ympäristöönsä.

Kenelle se on tärkeä

Heikkonäköiset.

Miten tarkistat itse

Näetkö mistä jokainen syöttökenttä alkaa ja loppuu, ja erotatko kaavioiden ja kuvakkeiden merkitykselliset osat?

Mitä Sigila tarkistaa

Ei automaattista mittaustapaa: tämä vaatii ihmisen.

Uusi WCAG 2.1:ssä.

1.4.12TekstivälistysTaso AASigila tarkistaa osin

Mikään ei leikkautu tai mene päällekkäin, kun käyttäjä kasvattaa rivin korkeutta, kirjain- ja sanaväliä sekä kappaleväliä.

Kenelle se on tärkeä

Lukihäiriöiset ja heikkonäköiset, jotka käyttävät omia lukuongelmia helpottavia asetuksia.

Miten tarkistat itse

Ota käyttöön tekstivälistyslaajennus: näkyykö kaikki teksti yhä kokonaan?

Mitä Sigila tarkistaa

Sigila ottaa WCAG:n tekstivälistykset käyttöön (rivinkorkeus 1.5, kirjainväli 0.12 em, sanaväli 0.16 em, kappaleväli 2 em), valokuvaa sivun ja listaa leikkautuvan tekstin tarkistettavaksi.

Tekstiväli on lukittu inline-tyylillä avoid-inline-spacing
Tämän mittarin tarkempi selitys ja korjausohje täydentyy kriteerikohtaisessa läpikäynnissä.

Uusi WCAG 2.1:ssä.

1.4.13Sisältö osoittimen tai fokuksen yhteydessäTaso AAVaatii ihmisen

Osoittimen tai fokuksen myötä ilmestyvä sisältö — työkaluvihjeet, alavalikot — on suljettavissa (yleensä Escillä), osoitettava hiirellä pysyen näkyvissä eikä katoa itsestään.

Kenelle se on tärkeä

Zoomaavat, heikkonäköiset ja vapinaa saavat käyttäjät.

Miten tarkistat itse

Vie hiiri ja tabulaattori sellaisten kohtien päälle, jotka näyttävät lisäsisältöä: pääsetkö siirtymään sen päälle, ja suljetko sen poistumatta?

Mitä Sigila tarkistaa

Ei automaattista mittaustapaa: tämä vaatii ihmisen.

Uusi WCAG 2.1:ssä.

2. Hallittava

Kaikki voivat käyttää sivustoja ja liikkua niillä.

2.1.1NäppäimistöTaso ASigila tarkistaa osin

Kaikki on tehtävissä pelkällä näppäimistöllä.

Kuinka yleinen

Kuntien etusivut, syyskuu 2026: 0 % sivustoista (299 kpl)

Kenelle se on tärkeä

Hiirtä käyttämättömät ja ruudunlukijan käyttäjät.

Miten tarkistat itse

Jätä hiiri pois. Tabuloi sivu läpi: pääsetkö ja käyttäkö jokaisen linkin, napin, valikon ja lomakekentän?

Mitä Sigila tarkistaa

Sigila painaa tabulaattoria sivun läpi (enintään 150 pysähdystä) ja vertaa pysähdyksiä kaikkiin näkyviin toiminnallisiin elementteihin; hiirellä toimivat custom-widgetit listataan. Ne vaativat yhä ihmisen.

Kehyksen sisältö ei ole näppäimistöllä saavutettavissa frame-focusable-content
Tämän mittarin tarkempi selitys ja korjausohje täydentyy kriteerikohtaisessa läpikäynnissä.
Vieritettävä alue ei ole näppäimistöllä saavutettavissa scrollable-region-focusable
Tämän mittarin tarkempi selitys ja korjausohje täydentyy kriteerikohtaisessa läpikäynnissä.
Palvelinpuolen kuvakartta (vanhentunut tekniikka) server-side-image-map
Tämän mittarin tarkempi selitys ja korjausohje täydentyy kriteerikohtaisessa läpikäynnissä.

2.1.2Ei näppäinansaaTaso ASigila tarkistaa osin

Näppäimistöfokus ei jää koskaan jumiin: siitä pääsee aina eteenpäin.

Kenelle se on tärkeä

Näppäimistön ja ruudunlukijan käyttäjät.

Miten tarkistat itse

Tabuloi jokaiseen widgetiin, upotettuun videoon ja karttaan: pääsetkö ulos taas?

Mitä Sigila tarkistaa

Jos kolme tabulaattorin painallusta ei siirrä fokusta, se raportoidaan ansana elementti tarkkoineen.

2.1.4MerkkinäppäinpikakuvatTaso AVaatii ihmisen

Yksittäisellä kirjaimella tai numerolla toimivat pikakuvat on pystyttävä kytkemään pois, vaihtamaan tai ne toimivat vain osan sivun ollessa fokuksessa.

Kenelle se on tärkeä

Puheohjausta käyttävät, joilla sanojen mukana kuuluvat kirjaimet voivat laukaista toiminnon vahingossa.

Miten tarkistat itse

Reagoiko sivu yksittäisen kirjaimen painallukseen? Jos reagoi, saako pikakuvan pois päältä?

Mitä Sigila tarkistaa

Ei automaattista mittaustapaa: tämä vaatii ihmisen.

Uusi WCAG 2.1:ssä.

2.2.1Ajan säätöTaso ASigila tarkistaa osin

Aikarajoja voi kytkeä pois, säätää tai jatkaa. Päättyvä istunto varoittaa ensin ja antaa jatkaa.

Kenelle se on tärkeä

Hitäästi lukevat, kirjoittavat tai liikkuvat ihmiset.

Miten tarkistat itse

Onko mikään ajastettu — lomakkeet, varaukset, kirjautumiset? Onko varoitus ja keino saada lisäaikaa?

Mitä Sigila tarkistaa

Sivu päivittää itsensä aikarajalla (meta refresh) meta-refresh
Tämän mittarin tarkempi selitys ja korjausohje täydentyy kriteerikohtaisessa läpikäynnissä.

2.2.2Pysäytä, lopeta, piilotaTaso ASigila tarkistaa osin

Yli viisi sekuntia itsestään liikkuva, vilkkuva, vierivä tai päivittyvä sisältö — karusellit, juoksut, animaatiot — on pysäytettävissä, lopetettavissa tai piilotettavissa.

Kenelle se on tärkeä

Ruudunlukijan käyttäjät, joiden lukemisen liike keskeyttää; sokeat ja heikkonäköiset, joille muuttuvaa sivua on vaikea hahmottaa; ja ihmiset, joiden on vaikea keskittyä liikkeen vieressä.

Miten tarkistat itse

Liikuuko mikään itsestään? Etsi pysäytyskeino.

Mitä Sigila tarkistaa

Sigila etsii itsestään liikuvan sisällön (karusellin vaihtuma, loputtomat animaatiot, itsestään soiva video) ja pysäytys- tai lopetusnapin; liike ilman nappia raportoidaan todennäköisenä virheenä.

Vilkkuva <blink>-elementti blink
Tämän mittarin tarkempi selitys ja korjausohje täydentyy kriteerikohtaisessa läpikäynnissä.
Vieriva <marquee>-elementti marquee
Tämän mittarin tarkempi selitys ja korjausohje täydentyy kriteerikohtaisessa läpikäynnissä.

2.3.1Kolme välähdystä tai alle raja-arvonTaso AVaatii ihmisen

Mikään ei välähdä useammin kuin kolme kertaa sekunnissa.

Kenelle se on tärkeä

Valoherkkää epilepsiaa sairastavat.

Miten tarkistat itse

Etsi vilkkuvaa videota, animaatiota tai efektia. Nopeat välähdykset on arvioitava välähdysanalyysityökalulla.

Mitä Sigila tarkistaa

Ei automaattista mittaustapaa: tämä vaatii ihmisen.

2.4.1Lohkojen ohitusTaso ASigila tarkistaa osin

Toistuvan sisällön — kuten navigaation — yli on päästävä ohitse: ohituslinkki, aluemerkinnät tai otsikot.

Kenelle se on tärkeä

Näppäimistön ja ruudunlukijan käyttäjät.

Miten tarkistat itse

Paina tabulaattoria kerran: ilmestyykö "Siirry sisältöön" -linkki, ja toimiko se?

Mitä Sigila tarkistaa

Toistuvan sisällön ohitustapa puuttuu bypass
Tämän mittarin tarkempi selitys ja korjausohje täydentyy kriteerikohtaisessa läpikäynnissä.

2.4.2Sivulla otsikkoTaso ASigila tarkistaa osin

Jokaisella sivulla on otsikko, joka kertoo mistä sivussa on kyse.

Kuinka yleinen

Kuntien etusivut, syyskuu 2026: 0 % sivustoista (299 kpl)

Kenelle se on tärkeä

Ruudunlukijan käyttäjät ja kaikki, joilla on monta välilehteä auki.

Miten tarkistat itse

Katso selaimen välilehteä muutamalla sivulla: kertooko jokainen otsikko, missä olet?

Mitä Sigila tarkistaa

Sivulta puuttuu otsikko document-title
Tämän mittarin tarkempi selitys ja korjausohje täydentyy kriteerikohtaisessa läpikäynnissä.

2.4.3FokusjärjestysTaso ASigila tarkistaa osin

Tabulaattorilla liikkuminen etenee järjestyksessä, joka säilyttää merkityksen ja käytettävyyden.

Kenelle se on tärkeä

Näppäimistön ja ruudunlukijan käyttäjät.

Miten tarkistat itse

Tabuloi sivu läpi myös avautuvien ikkunoiden kanssa: kulkeeko fokus järkevästi, ja siirtyykö se avautuvaan ikkunaan?

Mitä Sigila tarkistaa

Näppäimistökävely piirtää jokaisen pysähdyksen numeroituna kuvakaappaukseen ja raportoi toistuvat hypyt ylöspäin sekä positiivisen tabindex-pakotukset. Järjestyksen järkevyys on ihmiselle.

2.4.4Linkin tarkoitus (yhteydessä)Taso ASigila tarkistaa osin

Linkin tarkoitus selviää sen tekstistä tai tekstistä yhdessä ympäröivän lauseen, listakohdan tai otsikon kanssa. Rivi "Lue lisää" -linkkejä ei kelpaa.

Kuinka yleinen

Kuntien etusivut, syyskuu 2026: 37 % sivustoista (299 kpl)

Kenelle se on tärkeä

Ruudunlukijan käyttäjät, jotka liikkuvat usein linkistä linkkiin.

Miten tarkistat itse

Listaa sivun linkit (ruudunlukija osaa tämän): tietäisitkö minne kukin johtaa?

Mitä Sigila tarkistaa

Kuvakartan alueelta puuttuu alt-teksti area-alt
Tämän mittarin tarkempi selitys ja korjausohje täydentyy kriteerikohtaisessa läpikäynnissä.
Linkiltä puuttuu sisältö tai nimi link-name
Tämän mittarin tarkempi selitys ja korjausohje täydentyy kriteerikohtaisessa läpikäynnissä.

2.4.5Useita tapojaTaso AASigila tarkistaa osin

Sivun löytää useammalla kuin yhdellä tavalla — esimerkiksi valikon kautta ja haun kautta, tai valikon ja sivukartan kautta. Prosessin vaiheeksi tarkoitetut sivut ovat poikkeus.

Kenelle se on tärkeä

Kaikki, erityisesti ne, joille valikko tai haku on hankala.

Miten tarkistat itse

Valitse sivu syvältä sivustolta: pääsetkö sille valikon kautta ja myös haun tai sivukartan kautta?

Mitä Sigila tarkistaa

Sigila etsii jokaiselta sivulta haun, navigaatiovalikon (tai sen avausnapin) ja sivukarttalingin. Kaksi eri tapaa kelpaa; yksi jää tarkistettavaksi; ei mitään on todennäköinen puute. Yksittäisen sivun löydettävyys ja prosessivaihe-poikkeus ovat ihmisen arvioitavia.

2.4.6Otsikot ja nimikkeetTaso AAVaatii ihmisen

Otsikot ja lomakkeiden nimikkeet kuvaavat seurattavan sisällön aiheen tai tarkoituksen.

Kenelle se on tärkeä

Kaikki, erityisesti ruudunlukijan käyttäjät ja kognitiivisten haasteiden kanssa elävät.

Miten tarkistat itse

Lue vain otsikot: kertovatko ne, mistä kussakin osassa on kyse? Kertovatko nimikkeet, mitä kenttään kirjoitetaan?

Mitä Sigila tarkistaa

Ei automaattista mittaustapaa: tämä vaatii ihmisen.

2.4.7Näkyvä fokusTaso AASigila tarkistaa osin

Näppäimistöllä liikkuessa näkee aina, missä fokus on.

Kenelle se on tärkeä

Näppäimistön käyttäjät.

Miten tarkistat itse

Tabuloi sivu läpi: onko aktiivisessa kohdassa aina näkyvä kehys tai korostus?

Mitä Sigila tarkistaa

Jokaisella pysähdyksellä Sigila vertaa elementin tyylejä — ja tarvittaessa pikseleitä — fokusoidussa ja fokusitta tilassa; pysähdykset ilman näkyvää muutosta piirretään punaisella numeroituina ja listataan.

2.5.1OsoitinliikkeetTaso AVaatii ihmisen

Monisormisella tai liikeradalla tehtävät asiat — nipistys, pyyhkäisy polkua pitkin — on tehtävissä myös yhdellä napautuksella tai klikkauksella.

Kenelle se on tärkeä

Rajallisen kädenliikkeen ihmiset sekä pääosoitinta ja silmäseurantaa käyttävät.

Miten tarkistat itse

Kartat, liukusäätimet ja karusellit: toimiiko kukin myös yksinkertaisilla napautuksilla ja napeilla?

Mitä Sigila tarkistaa

Ei automaattista mittaustapaa: tämä vaatii ihmisen.

Uusi WCAG 2.1:ssä.

2.5.2Osoittimen peruutusTaso AVaatii ihmisen

Toiminnot tapahtuvat näpäyttäessä vapautettaessa, ei pohjaan painettaessa — jotta väärän painalluksen voi peruuttaa liukumalla pois.

Kenelle se on tärkeä

Vapinaa tai rajoittunutta motoriikkaa saavat käyttäjät.

Miten tarkistat itse

Paina nappi pohjaan, pidä, liu'u sivuun ja vapauta: mitään ei saisi tapahtua.

Mitä Sigila tarkistaa

Ei automaattista mittaustapaa: tämä vaatii ihmisen.

Uusi WCAG 2.1:ssä.

2.5.3Nimike nimessäTaso ASigila tarkistaa osin

Ohjaimen ruudunlukijalle antama nimi sisältää sen näkyvän tekstin, jotta puheohjaaja voi sanoa mitä näkee.

Kenelle se on tärkeä

Puheohjausta käyttävät.

Miten tarkistat itse

Napeille, joissa on näkyvä teksti: alkaako ruudunlukijan lukema nimi samasta sanasta?

Mitä Sigila tarkistaa

Ohjaimille, joilla on sekä näkyvä teksti että erillinen ruudunlukijanimi (aria-label, aria-labelledby), Sigila raportoi ne, joiden nimi ei sisällä näkyvää tekstiä.

Uusi WCAG 2.1:ssä.

2.5.4LiikekäyttöTaso AVaatii ihmisen

Ravistamalla tai kallistamalla laukaistavat toiminnot toimivat myös tavallisilla ohjaimilla, ja liikekäytön voi kytkeä pois.

Kenelle se on tärkeä

Ihmiset, jotka eivät voi liikutella laitettaan tai joiden laite on kiinnitetty.

Miten tarkistat itse

Reagoiko mikään puhelimen ravistamiseen tai kallistamiseen? Onko sama tehtävissä toisin?

Mitä Sigila tarkistaa

Ei automaattista mittaustapaa: tämä vaatii ihmisen.

Uusi WCAG 2.1:ssä.

3. Ymmärrettävä

Sisältö ja sivuston toiminta ovat ymmärrettäviä.

3.1.1Sivun kieliTaso ASigila tarkistaa osin

Sivu kertoo pääkieleensä, jotta ruudunlukija ääntää sen oikein.

Kenelle se on tärkeä

Ruudunlukijan käyttäjät.

Miten tarkistat itse

Sigila tarkistaa sivun lang-määritteen. Varmista, että se on se kieli, jolla sivu oikeasti on kirjoitettu.

Mitä Sigila tarkistaa

Sivulta puuttuu lang-määrite html-has-lang
Tämän mittarin tarkempi selitys ja korjausohje täydentyy kriteerikohtaisessa läpikäynnissä.
Sivun lang-määrite on virheellinen koodi html-lang-valid
Tämän mittarin tarkempi selitys ja korjausohje täydentyy kriteerikohtaisessa läpikäynnissä.
HTML:n ja XML:n kielikoodit ovat eri html-xml-lang-mismatch
Tämän mittarin tarkempi selitys ja korjausohje täydentyy kriteerikohtaisessa läpikäynnissä.

3.1.2Osien kieliTaso AASigila tarkistaa osin

Toisella kielellä olevat kohdat on merkityt kielikoodein.

Kenelle se on tärkeä

Ruudunlukijan käyttäjät.

Miten tarkistat itse

Etsi siteet, palvelujen nimet tai kokonaiset osiot toisella kielellä: onko niissä kielimerkintä?

Mitä Sigila tarkistaa

Kielimerkintä on virheellinen koodi valid-lang
Tämän mittarin tarkempi selitys ja korjausohje täydentyy kriteerikohtaisessa läpikäynnissä.

3.2.1FokuksessaTaso ASigila tarkistaa osin

Pelkkä fokuksen siirtyminen ohjaimeen ei aiheuta suurta muutosta — kuten sivulta poistumista tai lomakkeen lähetystä.

Kenelle se on tärkeä

Näppäimistön ja ruudunlukijan käyttäjät sekä kognitiivisten haasteiden kanssa elävät.

Miten tarkistat itse

Tabuloi lomakkeita ja valikoita: tapahtuuko jotain vain siksi, että kohta sai fokuksen?

Mitä Sigila tarkistaa

Jos pelkkä fokus näppäimistökävelyn aikana vaihtaa sivua tai avaa ikkunan, se raportoidaan todennäköisenä virheenä.

3.2.2SyötteessäTaso ASigila tarkistaa osin

Asetuksen vaihtaminen — valinnan tekeminen, ruksin rastitus — ei aiheuta odottamatonta kontekstinmuutosta, ellei käyttäjälle ole kerrottu siitä etukäteen.

Kenelle se on tärkeä

Ruudunlukijan käyttäjät ja kognitiivisten haasteiden kanssa elävät.

Miten tarkistat itse

Vaihda alasvetovalikoiden ja valintojen sisältöjä: hyppääkö sivu toiseen paikkaan tai lähettätkö ilman varoitusta?

Mitä Sigila tarkistaa

Sigila vaihtaa lomakkeiden ulkopuolisia valintoja nuolinäppäimillä (enintään viisi) ja raportoi, jos pelkkä vaihto siirtyy toiselle sivulle. Lomakkeita ei koskaan lähetetä.

3.2.3Yhdenmukainen navigointiTaso AASigila tarkistaa osin

Sivujen toistuva navigointi pysyy samassa suhteellisessa järjestyksessä.

Kenelle se on tärkeä

Heikkonäköiset, kognitiivisten haasteiden kanssa elävät ja ruudunlukijan käyttäjät.

Miten tarkistat itse

Vertaa valikkoa useilla sivuilla: ovatko kohdat samassa järjestyksessä?

Mitä Sigila tarkistaa

Kokoskannauksessa jokaisen sivun päävalikkoa verrataan ensimmäiseen sivuun: yli 40 % poikkeava valikko jää tarkistettavaksi.

3.2.4Yhdenmukainen tunnistaminenTaso AAVaatii ihmisen

Samaa tehtävää tekevät elementit on nimetty ja esitetty samalla tavalla joka puolella — haku on "Haku" jokaisella sivulla, ei "Etsi" jollakin.

Kenelle se on tärkeä

Kognitiivisten haasteiden kanssa elävät ja ruudunlukijan käyttäjät.

Miten tarkistat itse

Vertaa kuvakkeita, nappeja ja nimikkeitä, joilla on sama tehtävä, sivujen välillä: ovatko ne yhdenmukaisia?

Mitä Sigila tarkistaa

Ei automaattista mittaustapaa: tämä vaatii ihmisen.

3.3.1Virheen tunnistaminenTaso AVaatii ihmisen

Kun lomake havaitsee virheen, virheellinen kenttä tunnistetaan ja virhe selitetään sanoin.

Kenelle se on tärkeä

Ruudunlukijan käyttäjät, värisokeat ja kognitiivisten haasteiden kanssa elävät.

Miten tarkistat itse

Lähetä lomake virheillä: selitetäänkö jokainen virhe sanoin kentän vieressä, eikä vain punaisella kehyksellä?

Mitä Sigila tarkistaa

Ei automaattista mittaustapaa: tämä vaatii ihmisen.

3.3.2Nimikkeet tai ohjeetTaso ASigila tarkistaa osin

Lomakekentillä on nimikkeet tai ohjeet — myös vaadittu muoto, kuten päivämäärän muoto.

Kenelle se on tärkeä

Kaikki, erityisesti kognitiivisten haasteiden kanssa elävät.

Miten tarkistat itse

Lue lomake: onko jokaisesta kentästä selvää, mitä sinne kirjoitetaan, mitkä kentät ovat pakollisia ja missä muodossa?

Mitä Sigila tarkistaa

Kentällä on useita toisistaan irrallisia nimikkeitä form-field-multiple-labels
Tämän mittarin tarkempi selitys ja korjausohje täydentyy kriteerikohtaisessa läpikäynnissä.

3.3.3Virheen korjausehdotusTaso AAVaatii ihmisen

Kun virhe löytyy ja korjaus on tiedossa, lomake ehdottaa sitä — ellei se vaaranna tietoturvaa.

Kenelle se on tärkeä

Kognitiivisten haasteiden kanssa elävät ja kaikki, jotka tekevät kirjoitusvirheitä.

Miten tarkistat itse

Kirjoita päivämäärä tai sähköposti väärässä muodossa: kertooko viesti, miten korjata?

Mitä Sigila tarkistaa

Ei automaattista mittaustapaa: tämä vaatii ihmisen.

3.3.4Virheiden ennaltaehkäisy (oikeudelliset, taloudelliset, tiedot)Taso AAVaatii ihmisen

Oikeudellisia tai taloudellisia seurauksia aiheuttavat lähetykset on voitava kumota, tarkistaa tai katsella ja vahvistaa ennen lähettämistä.

Kenelle se on tärkeä

Kaikki, erityisesti kognitiivisten haasteiden kanssa elävät.

Miten tarkistat itse

Hakemukset, maksut ja varaukset: onko tarkistusvaihe, vahvistus tai peruutusmahdollisuus?

Mitä Sigila tarkistaa

Ei automaattista mittaustapaa: tämä vaatii ihmisen.

4. Robusti

Koodi toimii selaimissa ja apuvälineissä.

4.1.1JäsennysTaso AVaatii ihmisen

Merkkauksessa ei ole virheitä, jotka estävät apuvälineitä lukemasta sitä.

Kenelle se on tärkeä

Apuvälineiden käyttäjät.

Miten tarkistat itse

HTML-sivuille ei tarvita erillistä tarkistusta — katso huomio.

W3C:n virallinen tulkinta (errata): HTML-sisällössä tämä kriteeri katsotaan aina täyttyneeksi, ja WCAG 2.2 poisti sen kokonaan. Sen kattamat ongelmat tarkastetaan kohdissa 1.3.1 ja 4.1.2.

Mitä Sigila tarkistaa

Ei automaattista mittaustapaa: tämä vaatii ihmisen.

4.1.2Nimi, rooli, arvoTaso ASigila tarkistaa osin

Jokainen ohjain — napit, linkit, lomakekentät, custom-widgetit — kertoo apuvälineille nimensä, lajinsa ja tilansa.

Kuinka yleinen

Kuntien etusivut, syyskuu 2026: 58 % sivustoista (299 kpl)

Kenelle se on tärkeä

Ruudunlukijan ja puheohjauksen käyttäjät.

Miten tarkistat itse

Ruudunlukijalla käy läpi valikot, välilehdet, vivut ja custom-ohjaimet: ilmoittaako jokainen nimen, lajin ja tilan (avoin, valittu, rastitettu)?

Mitä Sigila tarkistaa

Kuvakartan alueelta puuttuu alt-teksti area-alt
Tämän mittarin tarkempi selitys ja korjausohje täydentyy kriteerikohtaisessa läpikäynnissä.
Roolille kuulumaton ARIA-määrite aria-allowed-attr
Tämän mittarin tarkempi selitys ja korjausohje täydentyy kriteerikohtaisessa läpikäynnissä.
ARIA-braille-määrite on virheellinen aria-braille-equivalent
Tämän mittarin tarkempi selitys ja korjausohje täydentyy kriteerikohtaisessa läpikäynnissä.
Nappimaiselta ohjaimelta puuttuu nimi aria-command-name
Tämän mittarin tarkempi selitys ja korjausohje täydentyy kriteerikohtaisessa läpikäynnissä.
Roolin ehdollinen määrite puuttuu tai on väärin aria-conditional-attr
Tämän mittarin tarkempi selitys ja korjausohje täydentyy kriteerikohtaisessa läpikäynnissä.
Vanhentunut ARIA-rooli aria-deprecated-role
Tämän mittarin tarkempi selitys ja korjausohje täydentyy kriteerikohtaisessa läpikäynnissä.
Koko sivun runko on piilotettu apuvälineiltä (aria-hidden) aria-hidden-body
Tämän mittarin tarkempi selitys ja korjausohje täydentyy kriteerikohtaisessa läpikäynnissä.
Piilotettu (aria-hidden) elementti sisältää fokusoituvia ohjaimia aria-hidden-focus
Tämän mittarin tarkempi selitys ja korjausohje täydentyy kriteerikohtaisessa läpikäynnissä.
Syöttökentältä puuttuu ruudunlukijan nimi aria-input-field-name
Tämän mittarin tarkempi selitys ja korjausohje täydentyy kriteerikohtaisessa läpikäynnissä.
Roolilta kielletty määrite aria-prohibited-attr
Tämän mittarin tarkempi selitys ja korjausohje täydentyy kriteerikohtaisessa läpikäynnissä.
Roolin vaatima ARIA-määrite puuttuu aria-required-attr
Tämän mittarin tarkempi selitys ja korjausohje täydentyy kriteerikohtaisessa läpikäynnissä.
Tuntematon tai virheellinen ARIA-rooli aria-roles
Tämän mittarin tarkempi selitys ja korjausohje täydentyy kriteerikohtaisessa läpikäynnissä.
Välilehdeltä puuttuu nimi aria-tab-name
Tämän mittarin tarkempi selitys ja korjausohje täydentyy kriteerikohtaisessa läpikäynnissä.
Vipuvalitsimelta puuttuu ruudunlukijan nimi aria-toggle-field-name
Tämän mittarin tarkempi selitys ja korjausohje täydentyy kriteerikohtaisessa läpikäynnissä.
Työkaluvihjeeltä puuttuu nimi aria-tooltip-name
Tämän mittarin tarkempi selitys ja korjausohje täydentyy kriteerikohtaisessa läpikäynnissä.
Virheellinen ARIA-määritteen nimi aria-valid-attr
Tämän mittarin tarkempi selitys ja korjausohje täydentyy kriteerikohtaisessa läpikäynnissä.
Virheellinen ARIA-määritteen arvo aria-valid-attr-value
Tämän mittarin tarkempi selitys ja korjausohje täydentyy kriteerikohtaisessa läpikäynnissä.
Napilta puuttuu sisältö tai nimi button-name
Tämän mittarin tarkempi selitys ja korjausohje täydentyy kriteerikohtaisessa läpikäynnissä.
Sama id toistuu ARIA-viittauksissa duplicate-id-aria
Tämän mittarin tarkempi selitys ja korjausohje täydentyy kriteerikohtaisessa läpikäynnissä.
Kehykseltä puuttuu otsikko frame-title
Tämän mittarin tarkempi selitys ja korjausohje täydentyy kriteerikohtaisessa läpikäynnissä.
Kehysten otsikot eivät ole yksilöllisiä frame-title-unique
Tämän mittarin tarkempi selitys ja korjausohje täydentyy kriteerikohtaisessa läpikäynnissä.
Nappikentältä puuttuu nimi input-button-name
Tämän mittarin tarkempi selitys ja korjausohje täydentyy kriteerikohtaisessa läpikäynnissä.
Lomakkeen kuvanapilta puuttuu alt-teksti input-image-alt
Lomakkeen kuvanappi (<input type="image">) tarvitsee alt-tekstin, joka kertoo mitä nappi tekee.
Tyypillisesti: Kuvina tehdyt haku- ja lähetysnapit.
Korjaus: Anna napin tarkoitus alt-attribuutissa: <input type="image" src="haku.png" alt="Hae"> — tai käytä tavallista <button>-nappia tekstillä.
Lomakekentältä puuttuu nimike label
Tämän mittarin tarkempi selitys ja korjausohje täydentyy kriteerikohtaisessa läpikäynnissä.
Linkiltä puuttuu sisältö tai nimi link-name
Tämän mittarin tarkempi selitys ja korjausohje täydentyy kriteerikohtaisessa läpikäynnissä.
Ohjain toisen ohjaimen sisällä (sisäkkäiset interaktiot) nested-interactive
Tämän mittarin tarkempi selitys ja korjausohje täydentyy kriteerikohtaisessa läpikäynnissä.
Alasvetovalikolta puuttuu nimi select-name
Tämän mittarin tarkempi selitys ja korjausohje täydentyy kriteerikohtaisessa läpikäynnissä.
Tiivistelmäelementiltä puuttuu nimi summary-name
Tämän mittarin tarkempi selitys ja korjausohje täydentyy kriteerikohtaisessa läpikäynnissä.

4.1.3TilaviestitTaso AAVaatii ihmisen

Viestit kuten "Lisätty ostoskoriin" tai "5 tulosta löytyi" kuuluvat ruudunlukijalle ilman, että fokus siirtyy.

Kenelle se on tärkeä

Ruudunlukijan käyttäjät.

Miten tarkistat itse

Ruudunlukija päällä: hae, suodata tai lisää jotain koriin — kuulutko tuloksen?

Mitä Sigila tarkistaa

Ei automaattista mittaustapaa: tämä vaatii ihmisen.

Uusi WCAG 2.1:ssä.

Paras käytäntö

Recommended, not required by WCAG 2.1 A or AA. Not circled in the picture. Nämä ovat axe-coren paras-käytäntö-säännöt sekä WCAG 2.2:lle ja AAA-tasolle kirjoitetut säännöt. Sigila listaa ne kehittäjille WCAG-tuloksen alapuolelle.

accesskey attribute value should be unique

Ensure every accesskey attribute value is unique

accesskeys

ARIA role should be appropriate for the element

Ensure role attribute has an appropriate value for the element

aria-allowed-role

ARIA dialog and alertdialog nodes should have an accessible name

Ensure every ARIA dialog and alertdialog node has an accessible name

aria-dialog-name

"role=text" should have no focusable descendants

Ensure role="text" is used on elements with no focusable descendants

aria-text

ARIA treeitem nodes should have an accessible name

Ensure every ARIA treeitem node has an accessible name

aria-treeitem-name

Elements must meet enhanced color contrast ratio thresholdsWCAG level AAA 1.4.6

Ensure the contrast between foreground and background colors meets WCAG 2 AAA enhanced contrast ratio thresholds

color-contrast-enhanced

Headings should not be empty

Ensure headings have discernible text

empty-heading

Table header text should not be empty

Ensure table headers have discernible text

empty-table-header

Frames should be tested with axe-core

Ensure <iframe> and <frame> elements contain the axe-core script

frame-tested

Heading levels should only increase by one

Ensure the order of headings is semantically correct

heading-order

Links with the same name must have a similar purposeWCAG level AAA 2.4.9

Ensure that links with the same accessible name serve a similar purpose

identical-links-same-purpose

Alternative text of images should not be repeated as text

Ensure image alternative is not repeated as text

image-redundant-alt

Form elements should have a visible label

Ensure that every form element has a visible label and is not solely labeled using hidden labels, or the title or aria-describedby attributes

label-title-only

Contentinfo landmark should not be contained in another landmark

Ensure the contentinfo landmark is at top level

landmark-contentinfo-is-top-level

Main landmark should not be contained in another landmark

Ensure the main landmark is at top level

landmark-main-is-top-level

Document should not have more than one contentinfo landmark

Ensure the document has at most one contentinfo landmark

landmark-no-duplicate-contentinfo

Document should not have more than one main landmark

Ensure the document has at most one main landmark

landmark-no-duplicate-main

Document should have one main landmark

Ensure the document has a main landmark

landmark-one-main

Landmarks should have a unique role or role/label/title (i.e. accessible name) combination

Ensure landmarks are unique

landmark-unique

Delayed refresh must not be usedWCAG level AAA 2.2.4, 3.2.5

Ensure <meta http-equiv="refresh"> is not used for delayed refresh

meta-refresh-no-exceptions

Users should be able to zoom and scale the text up to 500%

Ensure <meta name="viewport"> can scale a significant amount

meta-viewport-large

Page should contain a level-one heading

Ensure that the page, or at least one of its frames contains a level-one heading

page-has-heading-one

Elements marked as presentational should be consistently ignored

Ensure elements marked as presentational do not have global ARIA or tabindex so that all screen readers ignore them

presentation-role-conflict

All page content should be contained by landmarks

Ensure all page content is contained by landmarks

region

scope attribute should be used correctly

Ensure the scope attribute is used correctly on tables

scope-attr-valid

Elements should not have tabindex greater than zero

Ensure tabindex attribute values are not greater than 0

tabindex

Tables should not have the same summary and caption

Ensure the <caption> element does not contain the same text as the summary attribute

table-duplicate-name

All touch targets must be 24px large, or leave sufficient spaceWCAG 2.2 AA 2.5.8

Ensure touch targets have sufficient size and space

target-size

Kuvaukset ovat Sigilan omia selkokielisiä yhteenvetoja. Virallinen teksti on W3C:n WCAG 2.1. Automaattiset tarkistukset tekee axe-core 4.13.0.