| Ongelma | Miksi se haittaa? | Miten korjataan? |
|---|---|---|
| Heikko tekstin ja taustan kontrasti | Teksti voi olla vaikea lukea esimerkiksi heikkonäköisenä, kirkkaassa valossa tai pieneltä näytöltä. | Valitaan värit, joiden kontrasti on riittävä. |
| Puuttuva tai huono ALT-teksti | Ruudunlukijaa käyttävä ei saa kuvan olennaista tietoa. | Informatiiviselle kuvalle kirjoitetaan asiayhteyteen sopiva tekstivastine; koristekuvan ALT jätetään tyhjäksi. |
| Epälooginen otsikkorakenne | Sivun rakenne on vaikeampi hahmottaa ja otsikoilla navigointi vaikeutuu. | Käytetään H1-, H2- ja H3-tasoja loogisesti. |
| “Lue lisää” / “Klikkaa tästä” -linkit | Linkin kohde ei selviä, kun linkki irrotetaan ympäröivästä tekstistä. | Kirjoitetaan kuvaava linkkiteksti, joka kertoo kohteen. |
| Näppäimistökohdistus ei näy | Ilman hiirtä liikkuva käyttäjä ei tiedä, missä kohdassa sivua hän on. | Linkeillä, painikkeilla ja kentillä on selkeä näkyvä focus-tila. |
| Lomakekenttien nimet tai ohjeet ovat puutteellisia | Kentän tarkoitus voi jäädä epäselväksi, etenkin ruudunlukijalla. | Jokaisella kentällä on näkyvä ja ohjelmallisesti yhdistetty nimi sekä tarvittavat ohjeet. |
| Epäselvä virheilmoitus | Käyttäjä ei tiedä, mitä pitäisi korjata. | Virheilmoitus kertoo sekä ongelman että korjaustavan. |
| Tietoa välitetään vain värillä | Merkitys voi jäädä havaitsematta esimerkiksi värinäön poikkeaman vuoksi. | Värin rinnalla käytetään tekstiä, symbolia tai muuta ilmaisua. |
| Automaattisesti liikkuva sisältö | Liike voi vaikeuttaa lukemista ja keskittymistä. | Käyttäjä voi pysäyttää liikkeen tai sisältö ei vaihdu automaattisesti. |
| Esteettömyystieto on epämääräinen, esim. “sopii kaikille” | Asiakas ei pysty arvioimaan, soveltuuko palvelu hänen tarpeisiinsa. | Annetaan konkreettiset tiedot portaista, luiskasta, ovista, WC:stä ja saatavilla olevasta avusta. |
| Sivu ei toimi suurennettuna tai kapealla näytöllä | Teksti tai toiminnot voivat kadota, mennä päällekkäin tai vaatia vaakavieritystä. | Responsiivinen rakenne testataan myös 200 % suurennuksella ja mobiilileveydellä. |
Automaattinen tarkistustyökalu löytää vain osan saavutettavuusongelmista. Siksi sivua kannattaa testata myös näppäimistöllä, suurennettuna, mobiilikoossa ja tarvittaessa ruudunlukijalla.