YuJa EqualGround skannaa verkkosivuiltasi ja asiakirjoistasi useita yleisiä ongelmia. Tämä opas antaa yleiskatsauksen kaikista alustalla havaittavista ongelmista, mukaan lukien ongelman nimi, kuvaus ja tarvittaessa lisätiedot.
Saavutettavuusongelmat
Huomautus: Kaikki WCAG-, ARIA- ja Parhaat käytännöt -taulukoissa luetellut ongelmat voidaan ratkaista YuJa AutoPilotin ja rivinsisäisen korjauksen avulla.
WCAG
| Ongelman nimi | Ongelman kuvaus | Korjauksen yhteenveto |
| Puuttuvat vaihtoehtoiset tekstit ei-tekstuaalisessa sisällössä | img-elementiltä puuttuu vaihtoehtoinen teksti. | Lisää saavutettavan nimen. |
| Puuttuva vaihtoehtoinen teksti kuvapainikkeissa | Tätä kuvaa käytetään painikkeena, mutta sillä ei ole vaihtoehtoista tekstiä, joten ruudunlukuohjelman käyttäjät eivät voi tietää, mitä painike tekee. | Lisää saavutettavan nimen. |
| Puuttuva vaihtoehtoinen teksti img-roolin elementeissä | Tämä elementti on merkitty kuvaksi (role="img"), mutta sillä ei ole kuvausta. | Lisää saavutettavan nimen. |
| Esitysroolit ja piilotetut tilat koristesisällössä | Ruudunlukuohjelmat lukevat tämän koristeellisen elementin ääneen, vaikka se ei sisällä tietoa. | Lisää aria-hidden="true"-määritteen <svg>-elementtiin; asettaa role="presentation"-määritteen <img>/<area>-elementteihin. |
| Tarpeettomat title-määritteet kuvissa, joiden vaihtoehtoinen teksti on tyhjä | Tämä kuva on merkitty koristeelliseksi (tyhjä vaihtoehtoinen teksti), mutta sillä on silti title-työkaluvihje, joten ruudunlukuohjelmat lukevat sen ääneen siitä huolimatta. | Ei sovellu |
| Puuttuvat äänen transkriptiot | Tässä äänisoittimessa ei ole transkriptiota, joten kuurot ja huonokuuloiset eivät pääse sen sisältöön käsiksi. | Lisää <track>-elementin alielementiksi. |
| Puuttuvat tekstitykset upotetuissa Vimeo-videoissa | Tässä upotetussa Vimeo-videossa ei ole tekstitystä. | Muiden alustojen videoiden tekstityksiä ei voi muokata. |
| Puuttuvat tekstitykset upotetuissa YouTube-videoissa | Tässä upotetussa YouTube-videossa ei ole tekstitystä. | Muiden alustojen videoiden tekstityksiä ei voi muokata. |
| Puuttuvat tekstitykset videosisällössä | Tässä videossa ei ole tekstitystä, joten kuurot ja huonokuuloiset eivät voi seurata sitä. | Lisää <track>-elementin alielementiksi. |
| Virheellinen määritelmäluettelon rakenne | Tämä määritelmäluettelo sisältää sisältöä, joka ei ole termi eikä määritelmä, joten termien ja määritelmien parit hajoavat. | Varmistaa määritelmäluetteloiden (<dl>) kelvollisen rakenteen kietomalla virheelliset suorat alielementit <dd>-tunnisteisiin. |
| Virheellinen luettelorakenne | Tämä luettelo sisältää sisältöä, joka ei ole luettelokohde, joten ruudunlukuohjelmat ilmoittavat väärän määrän kohteita. | Lisää luettelokohteet oikeisiin kohtiin taulukoissa olevan luettelorakenteen korjaamiseksi. |
| headers-määritteen virheellinen käyttö käyttämällä scope-määritettä taulukoissa | Tämä taulukko käyttää otsikkoina tavallisia tietosoluja, joten ruudunlukuohjelmat eivät voi yhdistää kutakin arvoa oikeaan otsikkoon. | Lisää puuttuvat <th>-elementit <thead>-elementtiin ja asettaa columnheader-roolit olemassa oleville otsikoille. |
| scope-määritteen virheellinen käyttö taulukoissa | scope-määritettä on käytetty solussa, joka ei ole otsikko, joten ruudunlukuohjelmat eivät pysty päättelemään taulukon rakennetta. | Asettaa taulukkoroolin määritteen arvoksi 'col' tai 'row' sijainnin mukaan. |
| Puuttuva aria-level otsikkoroolissa | Tämä elementti toimii otsikkona, mutta ei ilmoita tasoaan, joten ruudunlukuohjelman käyttäjät eivät voi tietää, mihin kohtaan sivun jäsennystä se kuuluu. | Lisää aria-level-arvon 1, 2, 3, 4, 5 tai 6. |
| Puuttuva fieldset tai ryhmä samannimisille syötteille | Nämä valintanapit tai valintaruudut on ryhmitelty yhteen, mutta niiltä puuttuu nimike, joka kertoisi ruudunlukuohjelman käyttäjille, mitä ryhmä edustaa. | Ei sovellu |
| Puuttuva legend fieldset-elementissä | <fieldset>-elementiltä puuttuu <legend>, joten ruudunlukuohjelmat eivät voi tunnistaa näiden lomakekenttien asiayhteyttä tai ryhmän nimikettä. | Lisää legend-elementin fieldset-elementin ensimmäiseksi alielementiksi. |
| Puuttuva ylätason elementti määritelmäelementeille | Tämä termi tai määritelmä ei ole määritelmäluettelon sisällä, joten ruudunlukuohjelmat eivät voi yhdistää näitä kahta. | Kietoo orvot <dt>- tai <dd>-elementit <dl>-säiliöön. |
| Puuttuva ylätason elementti luettelokohteille | Tämä luettelokohde ei ole luettelon sisällä, joten ruudunlukuohjelmat eivät ilmoita sitä osaksi luetteloa. | Kietoo orvot <li>-elementit <ul>- tai <ol>-säiliöön. |
| Taulukon otsikot eivät sisällä taulukon tietoja | Tämän taulukon otsikkosoluihin ei ole liitetty tietosoluja, joten otsikot eivät kuvaa mitään. | Lisää uuden, täytetyn tietosolun oikeaan kohtaan varmistaakseen, että jokainen otsikko liittyy merkitykselliseen sisältöön. |
| Apple Mobile Web App -sovelluksen suuntaongelmat | Tämä sivu lukitsee itsensä yhteen näytön suuntaan, joten ne, jotka kiinnittävät laitteensa kiinteään asentoon, eivät voi käyttää sitä. | Muuttaa Applen suunnan arvoksi 'any'. |
| Meta viewport -määritteen suuntaongelmat | Tämän sivun viewport-asetukset lukitsevat suunnan tai estävät zoomauksen, joten ne, jotka tarvitsevat sivun kääntämistä tai suurentamista, eivät voi tehdä sitä. | Asettaa meta viewport -elementeille oikean määritteen ja sen arvon. |
| Virheelliset automaattisen täydennyksen arvot lomakekentissä | Tämä lomakekenttä ei kerro selaimelle, minkä tyyppistä tietoa se kerää, joten sitä ei voi täyttää automaattisesti. | Tarkistaa lomakeelementtien autocomplete-määritteen ja palauttaa sen arvoon 'off', jos arvo on virheellinen. |
| Puuttuva autocomplete-määrite lomakekentissä | Tämä lomakekenttä ei kerro selaimelle, minkä tyyppistä tietoa se kerää, joten sitä ei voi täyttää automaattisesti. | Ei sovellu |
| Puuttuva linkkien tyylittely | Tämä linkki erottuu ympäröivästä tekstistä vain värinsä perusteella, joten ihmiset, jotka eivät erota värieroja, eivät huomaa sitä. | Pakottaa linkkien vakiotyylin lisäämällä alleviivauksen ja osoitinkursorin ankkuritunnisteisiin, joista ne puuttuvat. |
| Puuttuvat äänen hallintapainikkeet äänisoittimissa | Tämä ääni toistuu antamatta käyttäjälle mitään keinoa keskeyttää tai pysäyttää sitä. | Lisää controls-määritteen. |
| Heikon kontrastin ongelmat tekstissä | Tämä teksti ei erotu tarpeeksi taustastaan, joten heikkonäköiset eivät välttämättä pysty lukemaan sitä. | Päivittää tekstin värin taustavärin käänteisväriksi. |
| Parannetun kontrastin ongelmat tekstissä | Tämä teksti ei täytä WCAG AAA -tasolla vaadittavaa parannettua kontrastitasoa. | Päivittää tekstin värin taustavärin käänteisväriksi. |
| Absoluuttiset fonttikoot kappaleissa | Tämän kappaleen tekstikoko on kiinteä pikseleinä, joten se ei mukaudu, kun lukija suurentaa selaimen tekstikokoa. | Asettaa fonttikooksi 1em. |
| Absoluuttiset rivikorkeudet kappaleissa | Tämän kappaleen riviväli on kiinteä pikseleinä, joten se ei kasva, kun lukija suurentaa tekstikokoa. | Asettaa rivikorkeudeksi 1.5em. |
| Riittämätön riviväli kappaleissa | Tämän kappaleen rivit ovat liian lähellä toisiaan, mikä vaikeuttaa tekstin lukemista lukihäiriöisille tai heikkonäköisille. | Asettaa rivikorkeudeksi 1.5em. |
| Molemmista reunoista tasattu teksti kappaleissa | Tämä kappale on tasattu molemmista reunoista, mikä aiheuttaa epätasaisia välejä sanojen väliin ja vaikeuttaa tekstin lukemista. | Asettaa tekstin tasaukseksi vasemman. |
| Näkymäalueen rajoituksen ongelmat | Tämä sivu ei mukaudu näytön leveyteen, joten pienillä näytöillä tai suurella zoomauksella olevien on vieritettävä sivusuunnassa lukeakseen sitä. | Asettaa content-määritteelle oikeat arvot. |
| Heikon kontrastin ongelmat ohjausobjekteissa | Tämän lomakeohjausobjektin reunus, tausta tai teksti ei erotu tarpeeksi, joten heikkonäköiset eivät välttämättä näe sitä. | Päivittää tekstin värin taustavärin käänteisväriksi. |
| Saavuttamaton kirjainväli | Tämä teksti estää lukijoita levittämästä kirjainten välistä tilaa, jota jotkut tarvitsevat lukeakseen mukavasti. | Asettaa kirjainvälin arvoon 0.12em käyttämällä important-tyylimääritystä rivin sisällä. |
| Saavuttamaton rivikorkeus | Tämä teksti estää lukijoita lisäämästä rivien välistä tilaa, jota jotkut tarvitsevat lukeakseen mukavasti. | Asettaa line-height-arvoksi 1.5em. |
| Saavuttamaton sanaväli | Tämä teksti estää lukijoita levittämästä sanojen välistä tilaa, jota jotkut tarvitsevat lukeakseen mukavasti. | Asettaa word-spacing-arvoksi 0.16em. |
| Saavuttamattomat vieritettävät alueet | Tämä alue vierittyy, mutta näppäimistön käyttäjät eivät pääse siihen, koska se ei voi vastaanottaa kohdistusta. | Asettaa solmun tab index -arvoksi 0. |
| Käyttäjän hallitsemat ajastetut sisällönmuutokset | Tämä sivu päivittyy itsestään ajastimella, mikä voi keskeyttää hitaasti lukevat tai ruudunlukuohjelmaa käyttävät. | Asettaa meta refreshin content-määritteen arvoksi 72000. |
| Vanhentuneet tunnisteet sisällössä | Tämä sisältö käyttää vilkkuvaa tai vieritettävää tunnistetta, jota selaimet eivät enää tue ja joka voi aiheuttaa ongelmia tarkkaavaisuuden tai tasapainoaistin häiriöistä kärsiville. | Poistaa vanhentuneen elementin. |
| Puuttuva ohitusmekanismi | Näppäimistön ja ruudunlukuohjelman käyttäjien on siirryttävä sarkaimella koko ylätunnisteen läpi jokaisella sivulla, ennen kuin he pääsevät sisältöön. | Lisää näkyvän ”siirry pääsisältöön” -linkin body-elementin alkuun ja varmistaa, että kelvollinen kohde-elementti on olemassa. |
| Puuttuvat sivun nimet | Tällä sivulla ei ole nimeä, joten se näkyy nimellä ”Nimetön” selaimen välilehdillä, kirjanmerkeissä ja hakutuloksissa, eivätkä ruudunlukuohjelmat ilmoita mitään sivun latautuessa. | Lisää html-elementtiin paikkamerkkinimen. |
| Virheellinen kohdistusjärjestys | Näppäimistön kohdistus hyppii tällä sivulla sen sijaan, että se seuraisi järjestystä, jossa asiat näkyvät näytöllä. | Asettaa solmun tab index -arvoksi 0. |
| Linkin tarkoitukseen liittyvät ongelmat | Useilla tämän sivun linkeillä on sama teksti, mutta ne johtavat eri paikkoihin, joten ruudunlukuohjelman käyttäjät eivät voi erottaa niitä toisistaan. | Päivittää href-määritteen kopioimalla kohteen toisesta elementistä, jolla on sama saavutettava nimi, tai käyttää paikkamerkkiä, jos vastaavuutta ei löydy. |
| Puuttuvat sivun pääotsikot | Tältä sivulta puuttuu pääotsikko, mikä vaikeuttaa ruudunlukuohjelman käyttäjiä ymmärtämästä pääaihetta nopeasti tai liikkumasta rakenteessa. | Lisää h1-elementin body-elementtiin. |
| Puuttuvat osioiden otsikot | Tällä osiolla ei ole otsikkoa, joten ruudunlukuohjelman käyttäjät eivät voi tietää, mitä se sisältää, eivätkä ohittaa sitä. | Lisää h2-otsikon, joka sisältää oletustekstin, elementin ensimmäiseksi alielementiksi. |
| Riittämätön vuorovaikutteisen elementin koko | Tämä ohjausobjekti on liian pieni napsautettavaksi tai napautettavaksi luotettavasti, mikä on vaikeaa ihmisille, joiden käden motoriikka on rajoittunutta. | Asettaa solmun vähimmäisleveydeksi 44px ja vähimmäiskorkeudeksi 44px. |
| Pieni kosketuskohteen koko | Tämä ohjausobjekti on liian pieni napautettavaksi tarkasti kosketusnäytöllä, tai se on liian lähellä viereistä ohjausobjektia. | Ei sovellu |
| Pieni kosketuskohteen koko | Tämä ohjausobjekti on liian pieni napautettavaksi tarkasti kosketusnäytöllä, tai se on liian lähellä viereistä ohjausobjektia. | Ei sovellu |
| Ristiriitaiset ilmoitetut kielet | Tämä sivu ilmoittaa kaksi eri kieltä, joten ruudunlukuohjelmat eivät voi tietää, mitä ääntämystä tulee käyttää. | HTML-viitesolmua ei voitu hakea. |
| Puuttuva kielimääritys | Tämä sivu ei kerro, millä kielellä se on kirjoitettu, joten ruudunlukuohjelmat saattavat lukea sen väärällä ääntämyksellä. | HTML-viitesolmua ei voitu hakea. |
| Lang-määritteen virheellinen arvo | Sivu käyttää virheellistä kielikoodia, minkä vuoksi ruudunlukuohjelmat palaavat oletusasetuksiin ja ääntävät sisällön väärin. | Ei sovellu |
| Odottamattomat kontekstin muutokset kohdistettaessa | Tämä lomake lähetetään heti, kun kenttään kohdistetaan tai sen päälle viedään osoitin, mikä riistää hallinnan käyttäjältä. | Ei sovellu |
| Käyttäjien varoittaminen uusista välilehdistä | Tämä linkki avautuu uudelle välilehdelle ilman varoitusta, mikä voi hämmentää ruudunlukuohjelman käyttäjiä ja suurennusta käyttäviä. | Lisää tekstin ”(avautuu uudelle välilehdelle)” solmun alkuperäisen määritteen lisäksi. |
| Syöttökenttien virhekuvaukset atomisina | Kun tämä virheilmoitus päivittyy, ruudunlukuohjelmat lukevat ääneen vain muuttuneen osan, jolloin ilmoitus lakkaa olemasta ymmärrettävä. | Asettaa aria-atomic-arvoksi 'true'. |
| Puuttuva saavutettava nimi painikkeissa | Tällä painikkeella ei ole tekstiä tai nimikettä, joten ruudunlukuohjelman käyttäjät kuulevat vain elementin yleisen nimen. | Lisää aria-label-arvon 'Button'. |
| Puuttuva saavutettava nimi Input/Select/Textarea-elementeissä | Tällä lomakekentällä ei ole nimikettä, joten ruudunlukuohjelman käyttäjät eivät tiedä, mitä syöttää. | Lisää saavutettavan nimen. |
| Puuttuvat saavutettavat nimet <iframe>-elementeille | Tällä upotetulla kehyksellä ei ole nimeä, joten ruudunlukuohjelman käyttäjät eivät voi tietää, mitä se sisältää, ennen kuin siirtyvät siihen. | Ei sovellu |
| Puuttuvat linkkikuvaukset | Linkillä ei ole kuvailevaa linkkitekstiä tai saavutettavaa nimikettä, minkä vuoksi ruudunlukuohjelman käyttäjät kuulevat vain sanan ”linkki” ilman viitettä sen kohteesta. | Lisää saavutettavan nimen. |
| Sisäkkäiset vuorovaikutteiset ohjausobjektit | Yksi napsautettava ohjausobjekti on sijoitettu toisen sisään, joten ruudunlukuohjelmat ja näppäimistöt eivät voi erottaa niitä toisistaan tai tavoittaa molempia. | Muuntaa linkit/painikkeet staattisiksi span-elementeiksi, poistaa lomakesyötteet ja poistaa vuorovaikutteiset määritteet. |
ARIA
| Ongelman nimi | Ongelman kuvaus | Korjauksen yhteenveto |
| Virheelliset ARIA-määritteet | Tällä elementillä on ARIA-määrite, jota ei sallita siinä, joten apuvälineteknologia saattaa kuvata sen väärin. | Poistaa elementistä kaikki ARIA-määritteet, jotka ovat virheellisiä tai tukemattomia sen määritetylle roolille, jotta elementin saavutettavuussemantiikka pysyy kelvollisena. |
| Virheelliset ARIA-määritteet | Tällä elementillä on ARIA-määrite, jota ei sallita siinä, joten apuvälineteknologia saattaa kuvata sen väärin. | Ei sovellu |
| Virheelliset ARIA-roolit | Elementillä ei ole kelvollista role-arvoa. | Poistaa virheelliset role-määritteet näkyvistä elementeistä ja yrittää korvata ne elementin oikealla implisiittisellä roolilla tai poistaa määritteen kokonaan kelvollisen semantiikan palauttamiseksi. |
| Puuttuva saavutettava nimi pistekirjoitusominaisuuksille | Tällä elementillä on pistekirjoitusnimike mutta ei vastaavaa tekstinimikettä, joten apuvälineteknologiaan tukeutuville käyttäjille ei ole tekstivaihtoehtoa. | Varmistaa pistekirjoitus-ARIA:n kelvollisen käytön poistamalla pistekirjoitukseen liittyvät määritteet, jos niiden vaadittuja vakiovastineita puuttuu. |
| Puuttuva saavutettava nimi pistekirjoitusominaisuuksille | Tällä elementillä on pistekirjoitusnimike mutta ei vastaavaa tekstinimikettä, joten apuvälineteknologiaan tukeutuville käyttäjille ei ole tekstivaihtoehtoa. | Varmistaa pistekirjoitus-ARIA:n kelvollisen käytön poistamalla pistekirjoitukseen liittyvät määritteet, jos niiden vaadittuja vakiovastineita puuttuu. |
| Ehdollisesti virheelliset ARIA-määritteet | ARIA-nimikkeen käytön ehdot eivät ole asianmukaiset. Tiettyjä ARIA-nimikkeitä voi käyttää elementeissä vain, jos tietyt ehdot täyttyvät. | Poistaa tarpeettomat aria-checked-määritteet natiiveista valintaruuduista ja päivittää taulukon roolin treegrid-rooliksi. |
| Vanhentuneiden ARIA-roolien käyttö | Role-määritteelle annettu arvo on vanhentunut eikä ole enää kelvollinen. | Tunnistaa vanhentuneet ARIA-roolit ja joko korvaa ne nykyaikaisella vastineella (erityisesti kuvaa directory-roolin section-rooliksi) tai poistaa määritteen standardinmukaisuuden varmistamiseksi. |
| Virheelliset ARIA-dialogit | Dialogilla ei ole saavutettavaa nimeä, mikä vaikeuttaa ruudunlukuohjelman käyttäjiä tunnistamasta sen tarkoitusta tai sitä, mikä on avautunut. | Varmistaa, että dialogilla on kelvollinen saavutettava nimi, lisäämällä sen tekstisisällöstä johdetun aria-label-arvon tai oletusvaihtoehdon, jos nimeämismääritteitä ei ole. |
| Piilotettu body-elementti | Koko sivu on piilotettu apuvälineteknologialta, mikä estää käyttäjiä pääsemästä käsiksi sen sisältöön tai toimintoihin. | Poistaa aria-hidden-määritteen. |
| Puuttuvat saavutettavat nimet syöttökentille | Tällä syötteellä ei ole saavutettavaa nimikettä, joten ruudunlukuohjelman käyttäjät eivät voi päätellä, mitä tietoja heidän odotetaan syöttävän. | Käyttää oletusnimikettä ”Toggle Option”, jos nimike puuttuu, tai asettaa aria-label-arvon vastaamaan olemassa olevaa tekstiä. |
| Kiellettyjen ARIA-määritteiden käyttö | ARIA-määritteen käyttö on kielletty elementin roolille. | Poistaa ARIA-määritteet, jotka ovat ehdottomasti kiellettyjä elementin roolille. |
| Tarpeettomat ARIA-roolit | Tällä elementillä on jo roolin tarjoama semantiikka, joten rooli on tarpeeton. | Ei sovellu |
| Puuttuvat pakolliset ARIA-määritteet | Tämän elementin rooli vaatii määritteen, joka puuttuu, joten apuvälineteknologia ei voi ilmoittaa sen tilaa. | Lisää virheellisille määritteille oletusarvot. |
| Puuttuvat pakolliset ARIA-alielementit | Elementiltä puuttuu alielementin role-arvo. | Lisää puuttuvat pakolliset alielementit ja poistaa virheelliset alielementit. |
| Puuttuva pakollinen ARIA-ylätason elementti | Elementiltä puuttuu ylätason role-arvo. | Poistaa virheelliset ARIA-roolit. |
| Virheellisen ARIA-roolikuvauksen käyttö | Elementti, jolla on aria-roledescription-määrite, vaatii nimenomaisen tai implisiittisen tuetun roolin. | Poistaa aria-roledescription-määritteen koriste- tai roolittomista elementeistä (joissa se on kielletty) ja muuntaa sen aria-label-määritteeksi. |
| Abstraktien ARIA-roolien käyttö | Määritetty ARIA-roolin arvo ei ole kelvollinen. Roolien arvojen oikeinkirjoitus tulee tarkistaa, ja niiden tulee vastata olemassa olevia ARIA-roolien arvoja. | Poistaa kaikki role-määritteet, jotka ovat kirjoitusvirheitä, tukemattomia tai ”abstrakteja” rooleja. |
| Virheellinen ARIA-roolin käyttö | Määritetty ARIA-roolin arvo ei ole kelvollinen. Roolien arvojen oikeinkirjoitus tulee tarkistaa, ja niiden tulee vastata olemassa olevia ARIA-roolien arvoja. | Poistaa kaikki role-määritteet, jotka ovat kirjoitusvirheitä, tukemattomia tai ”abstrakteja” rooleja. |
| Tukemattomien ARIA-roolien käyttö | Määritetty ARIA-roolin arvo ei ole kelvollinen. Roolien arvojen oikeinkirjoitus tulee tarkistaa, ja niiden tulee vastata olemassa olevia ARIA-roolien arvoja. | Poistaa kaikki role-määritteet, jotka ovat kirjoitusvirheitä, tukemattomia tai ”abstrakteja” rooleja. |
| Puuttuvat saavutettavat nimet syöttökentille | Semanttisen roolin sisältävällä elementillä ei ole saavutettavaa nimeä. | Käyttää oletusnimikettä ”Toggle Option”, jos nimike puuttuu, tai asettaa aria-label-arvon vastaamaan olemassa olevaa tekstiä. |
| Virheelliset ARIA-määritteet | Tämä määrite ei ole oikea ARIA-määrite: se on kirjoitettu väärin tai sitä ei ole olemassa, joten apuvälineteknologia ohittaa sen. | Poistaa kaikki virheelliset ARIA-määritteet. |
| Virheelliset ARIA-määritteiden arvot | Elementin tämä ARIA-määrite sisältää virheellisen arvon. | Korjaa ARIA-määritteille annetut virheelliset arvot palauttamalla ne turvallisiin oletusarvoihin. |
| Yleiset ARIA-määritteet esitysroolin elementeissä | Tämä elementti on merkitty koristeelliseksi, mutta se on edelleen näppäimistöllä tavoitettavissa, minkä vuoksi ruudunlukuohjelman käyttäjät kohtaavat elementin, jota ei ilmoiteta. | Poistaa nimenomaiset role-määritteet, jotka vastaavat täsmälleen elementin sisäänrakennettua implisiittistä roolia. |
| Kohdistettavat elementit, joilla on esitysrooli | Tämä elementti on merkitty koristeelliseksi, mutta se on edelleen näppäimistöllä tavoitettavissa, minkä vuoksi ruudunlukuohjelman käyttäjät kohtaavat elementin, jota ei ilmoiteta. | Poistaa roolin, jos elementti on kohdistettavissa, sen semanttisen arvon palauttamiseksi, tai poistaa ristiriitaiset yleiset ARIA-määritteet koristeellisen tilansa säilyttämiseksi. |
Parhaat käytännöt
| Ongelman nimi | Ongelman kuvaus |
| Ristiriita saavutettavan nimen ja näkyvän nimikkeen välillä | Vuorovaikutteisen elementin nimikkeenä näytettävä teksti ei esiinny HTML:ssä määritetyssä ohjelmallisessa saavutettavassa nimessä, kuten <label>- ja <aria-label>-tunnisteiden tarjoamissa nimissä. |
| Tyhjät otsikot | Otsikot eivät sisällä mitään merkityksellistä kuvausta, mikä voi olla hämmentävää navigoitaessa. |
| Ohitetut otsikkotasot | Tietyt otsikkotasot on ohitettu sivulla, mikä rikkoo sisällön loogisen rakenteen. |
| Toistuva vaihtoehtoinen teksti kuvissa | Tämän kuvan vaihtoehtoinen teksti toistaa sanamuotoa, joka esiintyy jo aivan sen vieressä. |
|
Maamerkkiroolit sisäkkäisissä elementeissä |
Maamerkin roolia ei ole sovellettu sivun hierarkian oikeaan kohtaan. |
| Virheelliset <noscript>-elementit | Sivu sisältää <noscript>-elementtejä, jotka tarjoavat sisältöä vain, kun JavaScript on poistettu käytöstä. |
| Puuttuva ykköstason otsikko (H1) | Sivulla ei ole ykköstason otsikkoa, jonka tarkoitus on tunnistaa sivun pääaihe tai tarkoitus. |
| Pelkästään visuaalisten tunnisteiden käyttö ilman semanttista merkitystä | Sivu käyttää tekstin tyylittelyyn pelkästään visuaalisia tunnisteita semanttisten tunnisteiden sijaan. Nämä tunnisteet muuttavat vain tekstin ulkoasua, mutta eivät anna merkitystä apuvälineteknologioille. |
| Puuttuvat tai virheellisesti määritellyt ympäröivät alueet | Tämä sisältö ei ole maamerkin sisällä, mikä vaikeuttaa ruudunlukuohjelman käyttäjiä löytämästä sitä, kun he liikkuvat alueittain. |
|
Taulukoiden päällekkäiset kuvatekstit |
Kahdella tai useammalla tämän sivun taulukolla on sama kuvateksti. |
| Päällekkäiset maamerkkialueet | Tällä sivulla on useampi kuin yksi samantyyppinen maamerkki, joten ruudunlukuohjelman käyttäjät eivät voi erottaa niitä toisistaan. |
SEO-ongelmat
| Ongelman nimi | Ongelman kuvaus |
| Canonical-tunniste | Canonical-tunnisteet estävät päällekkäisen sisällön ongelmat kertomalla hakukoneille, mikä sivun versio on ensisijainen. |
| Hakukoneiden läpikäytävissä olevat linkit | Linkit, joiden kohde puuttuu, on tyhjä tai rikki, estävät hakukoneita löytämästä linkitettyjä sivuja. |
| Kieli- ja aluetunnisteet (hreflang) | Hreflang-tunnisteet kertovat hakukoneille, mille kielelle ja alueelle sivu on tarkoitettu, jotta oikea versio näkyy hakutuloksissa. |
| Sivun tilakoodi | Sivuja, jotka palauttavat virhetilakoodin, hakukoneet eivät välttämättä indeksoi. |
| Sivun indeksoitavuus | Sivut, joiden indeksointi on estetty (esimerkiksi ”noindex”-tunnisteella tai -otsikolla), eivät voi näkyä hakutuloksissa. |
| Kuvaava linkkiteksti | Kuvaava linkkiteksti auttaa hakukoneita ymmärtämään, mistä linkitetty sivu kertoo. |
| Metakuvaus | Metakuvaukset tiivistävät sivun ja parantavat napsautussuhdetta hakutuloksissa. |
| Metakuvauksen pituus | Metakuvaukset, jotka ovat tyhjiä tai yli 160 merkin pituisia, voidaan katkaista tai jättää huomiotta hakutuloksissa. |
| Sivun nimi | Jokaisella sivulla on oltava nimi. Se on pääotsikko, joka näkyy hakutuloksissa ja selaimen välilehdillä. |
| Sivun nimen pituus | Yli 65 merkin pituiset nimet voidaan katkaista hakutuloksissa. |
| Robots.txt-tiedosto | Virheellinen robots.txt-tiedosto voi estää hakukoneita käymästä sivustoa läpi oikein. |
| Sosiaalisen median jakamistunnisteet (Open Graph) | Open Graph -tunnisteet määrittävät, miltä sisältö näyttää, kun sitä jaetaan sosiaalisessa mediassa. |
| Jäsennelty data | Jäsennelty data (JSON-LD) auttaa hakukoneita luokittelemaan sisältöä ja voi parantaa sitä, miten sivu näkyy tuloksissa. |
| XML-sivustokartta | Sivun sisältävä sivustokartta auttaa hakukoneita käymään sivuston läpi tehokkaasti. |
| Sisäisten linkkien määrä | Yli 100 sisäistä linkkiä sivulla voi laimentaa linkkiarvoa ja heikentää sijoitusta. |
| Sivun uudelleenohjaukset | Sivut, jotka ohjaavat toiseen URL-osoitteeseen, hidastavat latautumista ja voivat heikentää hakusijoitusta. |
| Mobiilinäkymän viewport-tunniste | Viewport-metatunnisteet saavat sivut näkymään oikein eri laitteilla, ja mobiiliystävällisyys on sijoitustekijä. |
| Pääotsikko (H1) | Jokaisella sivulla tulisi olla täsmälleen yksi H1-otsikko, jotta hakukoneet ymmärtävät sen pääaiheen. |
| Kuvan vaihtoehtoinen teksti | Vaihtoehtoinen teksti auttaa hakukoneita indeksoimaan kuvia ja parantaa saavutettavuutta. |
Käytettävyysongelmat
| Ongelman nimi | Ongelman kuvaus |
| Luettavuus | Sisältö on liian monimutkaista tai vaikeaa kohdeyleisön ymmärtää. |
| Kirjoitusvirheet | Kirjoitusvirheet heikentävät verkkosivuston uskottavuutta ja ammattimaisuutta. |
| Rikkinäiset linkit | Rikkinäiset linkit heikentävät käyttökokemusta ja hakukoneoptimoinnin tuloksia. |
| Vaaralliset verkkotunnukset | Linkit verkkotunnuksiin, jotka on merkitty vaarallisiksi tai haitallisiksi, vaarantavat vierailijat. |
| Henkilötietojen paljastuminen | Sivu saattaa vahingossa paljastaa arkaluonteisia henkilötietoja: |
| Sosiaaliturvatunnukset | Sivu sisältää sosiaaliturvatunnuksilta (SIN) näyttäviä tunnuksia. |
| Puhelinnumerot | Sivu sisältää puhelinnumeroita. |
| Sähköpostiosoitteet | Sivu sisältää sähköpostiosoitteita. |
Suorituskykyongelmat
| Ongelman nimi | Ongelman kuvaus |
| Ensimmäinen sisältömaalaus (FCP) | Aika navigoinnista siihen, kun selain hahmontaa ensimmäisen sisältökohteen. |
| Suurin sisältömaalaus (LCP) | Aika navigoinnista siihen, kun suurin näkyvä sisältöelementti hahmonnetaan. |
| Kokonaisestoaika (TBT) | Ensimmäisen sisältömaalauksen ja vuorovaikutusvalmiuden välinen kokonaisaika, jonka sivu ei pysty reagoimaan käyttäjän syötteeseen. |
| Kumulatiivinen asettelun siirtymä (CLS) | Kuinka paljon näkyvä sisältö liikkuu odottamatta sivun latautuessa. Pienempi on parempi. |
| Aika ensimmäiseen tavuun (TTFB) | Aika navigoinnista siihen, kun selain vastaanottaa ensimmäisen tavun dataa palvelimelta. |
| Nopeusindeksi (SI) | Kuinka nopeasti sivun sisältö täyttyy näkyviin, mitattuna keskimääräisenä aikana, jonka sivun näkyvät osat tarvitsevat ilmestyäkseen. |
Ongelmat, jotka vaativat manuaalista tarkistusta
Huomautus: Ongelmat, joiden on merkitty vaativan manuaalista tarkistusta, vaativat saavutettavuustarkastajan tekemän manuaalisen varmennuksen.
| Ongelman nimi | Ongelman kuvaus | Manuaalisen tarkistuksen kriteeri |
| Manuaalinen tarkistus vaaditaan: WCAG 1.1.1 | Tarjoa tekstivaihtoehdot ei-tekstuaaliselle sisällölle. | Tekstivaihtoehdot kuvaavat ei-tekstuaalisen sisällön täsmällisesti. |
| Manuaalinen tarkistus vaaditaan: WCAG 1.2.1 | Esitallennetulle pelkälle äänelle ja esitallennetulle pelkälle videolle seuraavat ehdot täyttyvät, paitsi kun ääni tai video on tekstin mediavaihtoehto ja se on selvästi merkitty (1) esitallennetuksi pelkäksi ääneksi ja (2) sillä on aikasidonnaisen median vaihtoehto, joka esittää vastaavat tiedot esitallennetulle pelkälle äänisisällölle. | Tekstivaihtoehdot vastaavat oikein äänen tai videon sisältöä. |
| Manuaalinen tarkistus vaaditaan: WCAG 1.2.2 | Tekstitykset on tarjottu kaikelle synkronoidun median esitallennetulle äänisisällölle, paitsi kun media toimii tekstin vaihtoehtona ja on selvästi merkitty sellaiseksi. | Tekstitykset vastaavat oikein videon sisältöä. |
| Manuaalinen tarkistus vaaditaan: WCAG 1.2.3 | Synkronoidulle medialle on tarjottu aikasidonnaisen median vaihtoehto tai esitallennetun videosisällön ääniselostus, paitsi kun media toimii tekstin vaihtoehtona ja on selvästi merkitty sellaiseksi. | Videoissa on tekstivaihtoehto, ja on varmistettava, että se kuvaa sisällön täsmällisesti. |
| Manuaalinen tarkistus vaaditaan: WCAG 1.2.5 | Ääniselostus on tarjottu kaikelle synkronoidun median esitallennetulle videosisällölle. | Videoissa on ääniselostus, ja se kuvaa sisällön täsmällisesti. |
| Manuaalinen tarkistus vaaditaan: WCAG 1.2.6 | Viittomakielinen tulkkaus on tarjottu kaikelle synkronoidun median esitallennetulle äänisisällölle. | Äänisisällöillä on viittomakielinen vaihtoehto, ja on varmistettava, että se kuvaa sisällön täsmällisesti. |
| Manuaalinen tarkistus vaaditaan: WCAG 1.2.7 | Kun etualan äänen tauot eivät riitä ääniselostusten välittämään videon merkitystä, tarjotaan laajennettu ääniselostus kaikelle synkronoidun median esitallennetulle videosisällölle. | Videoissa on laajennettu ääniselostus, joka kuvaa niiden sisällön täsmällisesti. |
| Manuaalinen tarkistus vaaditaan: WCAG 1.2.8 | Kaikelle esitallennetulle synkronoidulle medialle ja kaikelle esitallennetulle pelkälle videolle on tarjottava kokotekstinen vaihtoehto (kuten transkriptio). Tämän vaihtoehdon tulee sisältää kaikki visuaalinen ja auditiivinen sisältö yhdessä luettavassa muodossa käyttäjille, jotka eivät pääse käsiksi videoon tai ääneen. | Esitallennettu media sisältää kokotekstisen vaihtoehdon, joka välittää sekä visuaalisen että auditiivisen sisällön. |
| Manuaalinen tarkistus vaaditaan: WCAG 1.3.1 | Esitystavan välityksellä välitetyt tiedot, rakenne ja suhteet voidaan määrittää ohjelmallisesti tai ne ovat saatavilla tekstinä. | Semantiikkaa, nimikkeitä ja asettelutaulukoita käytetään asianmukaisesti. |
| Manuaalinen tarkistus vaaditaan: WCAG 1.3.4 | Sisältö ei rajoita näkymäänsä ja käyttöään yhteen näytön suuntaan, kuten pysty- tai vaakasuuntaan, ellei tietty näytön suunta ole välttämätön. | Mikä tahansa pakotettu suunta on välttämätön sisällön tai toiminnallisuuden kannalta. |
| Manuaalinen tarkistus vaaditaan: WCAG 1.3.5 | Merkintäkielillä toteutetussa sisällössä käyttöliittymäkomponenttien ja navigointimekanismien tarkoitus voidaan määrittää ohjelmallisesti. | Autocomplete-määritteet tunnistavat syöttökenttien tarkoituksen oikein. |
| Manuaalinen tarkistus vaaditaan: WCAG 1.4.1 | Väriä ei käytetä ainoana visuaalisena keinona tiedon välittämiseen, toiminnon osoittamiseen, vastauksen pyytämiseen tai visuaalisen elementin erottamiseen. | Ei sovellu |
| Manuaalinen tarkistus vaaditaan: WCAG 1.4.2 | Jos mikä tahansa verkkosivulla oleva ääni toistuu automaattisesti yli 3 sekunnin ajan, käytettävissä on joko mekanismi äänen keskeyttämiseen tai pysäyttämiseen tai mekanismi äänenvoimakkuuden säätämiseen riippumattomasti järjestelmän yleisestä äänenvoimakkuudesta. | Automaattisesti toistuva ääni voidaan keskeyttää, pysäyttää tai mykistää. |
| Manuaalinen tarkistus vaaditaan: WCAG 1.4.3 | Tekstin ja tekstikuvien visuaalisen esityksen kontrastisuhde on vähintään 4.5:1, paitsi suurella tekstillä, jonka kontrastisuhteen on oltava vähintään 3:1. | Teksti täyttää kokoonsa perustuvat parannetun kontrastin vaatimukset. |
| Manuaalinen tarkistus vaaditaan: WCAG 1.4.4 | Tekstikuvia ja tekstityksiä lukuun ottamatta tekstin kokoa voidaan muuttaa ilman apuvälineteknologiaa jopa 200 prosenttiin ilman sisällön tai toiminnallisuuden menetystä. | Sisältö pysyy luettavana ja toimivana 200 %:n zoomauksella. |
| Manuaalinen tarkistus vaaditaan: WCAG 1.4.5 | Jos käytetyillä tekniikoilla visuaalinen esitys voidaan toteuttaa, tietojen välittämiseen käytetään tekstiä tekstikuvien sijaan, paitsi kun tekstikuvaa voidaan mukauttaa. | Tekstiä ei esitetä kuvien avulla, ellei se ole välttämätöntä. |
| Manuaalinen tarkistus vaaditaan: WCAG 1.4.6 | Tekstin ja tekstikuvien visuaalisen esityksen kontrastisuhde on vähintään 7:1, paitsi suurella tekstillä, jonka kontrastisuhteen on oltava vähintään 4.5:1. | Teksti täyttää kokoonsa perustuvat parannetun kontrastin vaatimukset. |
| Manuaalinen tarkistus vaaditaan: WCAG 1.4.7 | Esitallennetussa pelkässä äänisisällössä, jossa on etualan puhetta, taustaääntä ei ole tai se on niin hiljaista, ettei se häiritse puheen ymmärtämistä. | Taustaääni ei häiritse puhetta, ellei se ole tarkoituksellista. |
| Manuaalinen tarkistus vaaditaan: WCAG 1.4.8 | Käytettävissä on mekanismi tekstilohkojen visuaalisen esityksen mukauttamiseen, kuten etu- ja taustavärien vaihtamiseen. | Tekstin tyyliä voidaan muuttaa. |
| Manuaalinen tarkistus vaaditaan: WCAG 1.4.9 | Tekstikuvia käytetään vain puhtaasti koristeena tai silloin, kun tekstin tietty esitystapa on välttämätön välitettävän tiedon kannalta. | Tekstikuvia käytetään vain koristeena tai silloin, kun tietty visuaalinen esitystapa on välttämätön. |
| Manuaalinen tarkistus vaaditaan: WCAG 1.4.10 | Sisältö voidaan esittää ilman tietojen tai toiminnallisuuden menetystä ja ilman vaakavieritystä 320 CSS-pikselin leveyttä vastaavalla leveydellä. | Sisältö pysyy luettavana ja toimivana 400 %:n zoomauksella. |
| Manuaalinen tarkistus vaaditaan: WCAG 1.4.11 | Käyttöliittymäkomponenttien ja käyttöliittymän tilojen tunnistamiseen tarvittavien graafisten objektien visuaalisen esityksen kontrastisuhteen on oltava vähintään 3:1, ellei poikkeus ole voimassa. | Ei-aktiiviset komponentit tai graafiset esitykset on vapautettu värikontrastisuhteista. |
| Manuaalinen tarkistus vaaditaan: WCAG 1.4.12 | Kun käyttäjät ohittavat tekstin välistysominaisuudet (kuten rivikorkeuden, kirjainvälin, sanavälin tai kappaleväliin) määritetyillä vähimmäisarvoilla, sisällön on pysyttävä luettavana ja toimivana ilman tietojen tai toiminnallisuuden menetystä. | Sisältö pysyy luettavana ja toimivana, kun tekstin välistys on säädetty vähimmäisarvoihin. |
| Manuaalinen tarkistus vaaditaan: WCAG 2.1.1 | Kaikki sisällön toiminnallisuus on käytettävissä näppäimistörajapinnan kautta ilman, että yksittäisten näppäinpainallusten ajoitukselle asetetaan vaatimuksia, ellei liikesyöte ole välttämätön. | Vuorovaikutteiset elementit ovat käytettävissä näppäimistörajapinnan kautta. |
| Manuaalinen tarkistus vaaditaan: WCAG 2.1.2 | Jos kohdistus voidaan siirtää komponenttiin näppäimistöllä, se on voitava siirtää pois pelkästään näppäimistöllä. Jos tarvitaan epästandardi poistumistapa, käyttäjälle on ilmoitettava siitä. | Vuorovaikutteiset elementit ovat käytettävissä näppäimistörajapinnan kautta. |
| Manuaalinen tarkistus vaaditaan: WCAG 2.1.3 | Jos näppäinoikotie on toteutettu tulostettavilla merkeillä, käyttäjien on voitava poistaa se käytöstä, määrittää se uudelleen tai rajoittaa se kohdistuksen saaneisiin komponentteihin. | Vuorovaikutteiset elementit ovat käytettävissä näppäimistörajapinnan kautta. |
| Manuaalinen tarkistus vaaditaan: WCAG 2.2.1 | Jokaisen sisällön asettaman aikarajan osalta käyttäjien on voitava poistaa raja käytöstä, säätää sitä tai pidentää sitä, ellei se ole välttämätön tai osa reaaliaikaista tapahtumaa. | Aikarajat voidaan poistaa käytöstä, säätää tai pidentää. |
| Manuaalinen tarkistus vaaditaan: WCAG 2.2.2 | Sisällölle, joka liikkuu, vilkkuu, vierii tai päivittyy automaattisesti ja kestää yli viisi sekuntia, käyttäjien on voitava keskeyttää, pysäyttää tai piilottaa se, ellei se ole välttämätöntä. | Kaiken liikkuvan sisällön (karusellit, bannerit, diaesitykset) ohjaimet ovat näppäimistöllä kohdistettavissa ja voivat pysäyttää liikkeen. |
| Manuaalinen tarkistus vaaditaan: WCAG 2.2.3` | Ei sovellu | Ei sovellu |
| Manuaalinen tarkistus vaaditaan: WCAG 2.2.6` | Ei sovellu | Ei sovellu |
| Manuaalinen tarkistus vaaditaan: WCAG 2.3.1 | Sisältö ei saa välkkyä useammin kuin kolme kertaa sekunnissa, ellei välähdys ole kynnyksen alapuolella, jonka tiedetään aiheuttavan kohtauksia. | Animaatiot eivät välky useammin kuin kolme kertaa sekunnissa eivätkä ylitä välähdyksen voimakkuuden ja alan kynnysarvoja. |
| Manuaalinen tarkistus vaaditaan: WCAG 2.3.2 | Sisältö ei saa välkkyä useammin kuin kolme kertaa sekunnissa. | Animaatiot eivät välky useammin kuin kolme kertaa sekunnissa. |
| Manuaalinen tarkistus vaaditaan: WCAG 2.3.3 | Käyttäjän vuorovaikutuksen laukaisema liikeanimaatio on voitava poistaa käytöstä, ellei animaatio ole välttämätön toiminnallisuuden kannalta. | Käyttäjän vuorovaikutuksen laukaisemat animaatiot voidaan poistaa käytöstä. |
| Manuaalinen tarkistus vaaditaan: WCAG 2.4.1 | Tarjoa käyttäjille tapa ohittaa toistuvan sisällön lohkot. | Ohituslinkit ovat olemassa ja toimivat odotetusti. |
| Manuaalinen tarkistus vaaditaan: WCAG 2.4.2 | Verkkosivuilla on oltava kuvaavat nimet, jotka ilmaisevat aiheen tai tarkoituksen. | Nimet tiivistävät sivun sisällön täsmällisesti. |
| Manuaalinen tarkistus vaaditaan: WCAG 2.4.3 | Kohdistettavien komponenttien on saatava kohdistus järjestyksessä, joka säilyttää merkityksen ja käytettävyyden. | Kohdistusjärjestys etenee loogisessa järjestyksessä, joka säilyttää merkityksen ja toiminnallisuuden. |
| Manuaalinen tarkistus vaaditaan: WCAG 2.4.4 | Linkin kuvaus on epäselvä ilman lisäyhteyttä, eivätkä vierekkäiset linkit saa osoittaa samaan URL-osoitteeseen. | Linkit ilmaisevat selvästi tarkoituksensa. |
| Manuaalinen tarkistus vaaditaan: WCAG 2.4.5 | Tarjoa vähintään kaksi tapaa löytää kukin verkkosivu, ellei se ole osa prosessia. | Kunkin verkkosivun löytämiseen on vähintään kaksi tapaa. |
| Manuaalinen tarkistus vaaditaan: WCAG 2.4.6 | Otsikoiden ja nimikkeiden on kuvattava niihin liittyvän sisällön aihetta tai tarkoitusta. | Otsikot ja nimikkeet kuvaavat selvästi sisältönsä tarkoituksen. |
| Manuaalinen tarkistus vaaditaan: WCAG 2.4.7 | Jokaisella näppäimistöllä käytettävällä käyttöliittymäkomponentilla on oltava näkyvä kohdistusilmaisin. | Vuorovaikutteisilla komponenteilla on näkyvä näppäimistökohdistus. |
| Manuaalinen tarkistus vaaditaan: WCAG 2.4.8 | Tiedot käyttäjän sijainnista verkkosivujoukossa on oltava saatavilla suunnistuksen ja navigoinnin tukemiseksi. | Sivujen sijainnit on selvästi ilmaistu verkkosivustolla. |
| Manuaalinen tarkistus vaaditaan: WCAG 2.4.9 | Kunkin linkin tarkoituksen on oltava tunnistettavissa pelkästä linkkitekstistä, paitsi jos linkin tarkoitus olisi epäselvä useimmille käyttäjille. | Linkeissä on riittävästi kontekstia tai kuvausta tarkoituksensa täyttämiseksi. |
| Manuaalinen tarkistus vaaditaan: WCAG 2.4.10 | Käytä osioiden otsikoita sisällön jäsentämiseen ja navigoinnin helpottamiseen, vaikka otsikot eivät olisi rakenteen kannalta pakollisia. | Osioiden otsikot ovat loogisia ja erottuvia. |
| Manuaalinen tarkistus vaaditaan: WCAG 2.5.2 | Toiminnallisuus, jota voidaan käyttää yhdellä osoittimella, ei saa laueta painalluksen alas -tapahtumasta, ellei se ole välttämätön, tai sen on sallittava toiminnon keskeyttäminen tai peruuttaminen. | Toiminnot eivät laukea osoittimen painalluksesta, ellei se ole välttämätöntä. |
| Manuaalinen tarkistus vaaditaan: WCAG 2.5.3 | Käyttöliittymäkomponentin näkyvän tekstinimikkeen on sisällyttävä sen saavutettavaan nimeen apuvälineteknologioiden tukemiseksi. | Näkyvät nimikkeet vastaavat käyttöliittymäkomponenttien saavutettavia nimiä. |
| Manuaalinen tarkistus vaaditaan: WCAG 2.5.5 | Napsautettavien elementtien on oltava vähintään 44 x 44 CSS-pikseliä, ellei ne täytä poikkeuksia, kuten olemalla tekstin sisällä tai riittävän etäällä toisistaan. | Pienemmät vuorovaikutteiset kohteet on vapautettu kokovaatimuksesta. |
| Manuaalinen tarkistus vaaditaan: WCAG 2.5.7 | Kaikki toiminnallisuus, joka käyttää vetoliikettä, on voitava toteuttaa ilman vetämistä, ellei se ole välttämätöntä tai käyttäjäagentin hallitsemaa. | Vedä ja pudota -toiminnoille on vaihtoehdot, ellei toiminto ole välttämätön. |
| Manuaalinen tarkistus vaaditaan: WCAG 2.5.8 | Napsautettavien kohteiden on täytettävä vähimmäiskokovaatimukset rajoittuneesti motorisesti toimivien käyttäjien tukemiseksi. | Pienemmät vuorovaikutteiset kohteet on vapautettu kokovaatimuksesta. |
| Manuaalinen tarkistus vaaditaan: WCAG 3.1.1 | Kunkin verkkosivun oletusarvoinen ihmiskieli on voitava tunnistaa ohjelmallisesti ruudunlukuohjelmien ja muiden apuvälineteknologioiden tukemiseksi. | Määritetyt kielimääritteet ovat oikein. |
| Manuaalinen tarkistus vaaditaan: WCAG 3.1.2 | Kun sivun osat käyttävät oletuskielestä poikkeavaa kieltä, muutos on tunnistettava ohjelmallisesti oikean ääntämisen ja käännöksen tukemiseksi. | Sisällön sisäiset kielenvaihdokset on tunnistettu oikein kielimääritteillä. |
| Manuaalinen tarkistus vaaditaan: WCAG 3.2.1 | Kun elementti saa kohdistuksen, se ei saa aiheuttaa merkittävää kontekstin muutosta, ellei käyttäjä odota sitä. | Elementtien kohdistaminen ei aiheuta odottamattomia kontekstin muutoksia, ellei niitä odoteta. |
| Manuaalinen tarkistus vaaditaan: WCAG 3.2.2 | Lomakeohjausobjektin asetuksen muuttaminen ei saa automaattisesti aiheuttaa kontekstin muutosta, ellei käyttäjää ole neuvottu siitä ennen ohjausobjektin käyttöä. | Lomakearvojen muuttaminen ei aiheuta odottamattomia kontekstin muutoksia. |
| Manuaalinen tarkistus vaaditaan: WCAG 3.2.4 | Samaa toiminnallisuutta olevat komponentit tunnistetaan yhdenmukaisesti verkkosivujoukossa. | Ei sovellu |
| Manuaalinen tarkistus vaaditaan: WCAG 3.3.1 | Jos syöttövirhe havaitaan, virhe on tunnistettava ja kuvattava käyttäjälle tekstinä. | Syöttövirheet tunnistetaan ja kuvataan automaattisesti. |
| Manuaalinen tarkistus vaaditaan: WCAG 3.3.2 | Nimikkeet tai ohjeet on annettava, kun käyttäjältä vaaditaan syötettä, jotta käyttäjät tietävät, mitä heiltä odotetaan. | Lomakesyötteillä tai ohjausobjekteilla on täsmälliset ohjeet tai paikkamerkkiteksti. |
| Manuaalinen tarkistus vaaditaan: WCAG 4.1.2 | Käyttöliittymäkomponenttien on tuotava nimi, rooli, tila ja arvo ohjelmallisesti saataville, jotta apuvälineteknologiat voivat tulkita ne ja olla vuorovaikutuksessa niiden kanssa. | Käyttöliittymäkomponenteilla on täsmälliset ja saavutettavat nimet, roolit ja tilat. |
| Manuaalinen tarkistus vaaditaan: WCAG 4.1.3 | Tilaviestit on välitettävä ohjelmallisesti apuvälineteknologioille ilman, että käyttäjän kohdistusta tarvitaan. | Tilaviestit ilmoitetaan apuvälineteknologioille siirtämättä kohdistusta. |