3. Verkkosivusto ei ole vielä kaikilta osin vaatimusten mukainen

• Havaittava: Kuva ilman alt-määritettä

  Saavuttamaton sisältö ja sen puutteet

  Osa kuvista on vielä ilman alt-määritettä.

  Saavutettavuusvaatimukset jotka eivät täyty

  • 1.1.1 Ei-tekstuaalinen sisältö

• Havaittava: Sisällön muotoilemiseen käytetty center-tunnistetta

  Saavuttamaton sisältö ja sen puutteet

  HTML-merkintäkielen center-tunnistetta on käytetty sisällön keskittämiseksi. HTML:ää ei tule käyttää esitystarkoituksiin, vaan ainoastaan semanttisesti sisällön eri esitystapojen mahdollistamiseksi.

  Saavutettavuusvaatimukset jotka eivät täyty

  • 1.3.1 Informaatio ja suhteet

• Havaittava: Sivu ei sisällä otsikoita

  Saavuttamaton sisältö ja sen puutteet

  Sivu on jaettava loogisiin osiin otsikoiden avulla.

  Saavutettavuusvaatimukset jotka eivät täyty

  • 1.3.1 Informaatio ja suhteet

• Havaittava: Tekstin muotoilemiseen käytetty bold-tunnistetta

  Saavuttamaton sisältö ja sen puutteet

  Jos teksti on korostettava semanttisesti, on käytettävä 'bold'-tunnisteen sijaan 'strong'-tunnistetta.

  Saavutettavuusvaatimukset jotka eivät täyty

  • 1.3.1 Informaatio ja suhteet

• Havaittava: Merkkipaikkoihin ei ole lisätty sisältöä

  Saavuttamaton sisältö ja sen puutteet

  Sivulla käytetään HTML5- tai WAI-ARIA-merkkipaikkoja, mutta ne eivät kata kaikkea sisältöä.

  Saavutettavuusvaatimukset jotka eivät täyty

  • 1.3.1 Informaatio ja suhteet

• Havaittava: Ei-erottuvat merkkipaikat

  Saavuttamaton sisältö ja sen puutteet

  Sivu sisältää vähintään kaksi samantyyppistä HTML5- tai WAI-ARIA-maamerkkiä, joita ei ole nimetty. Käyttäjät eivät välttämättä tiedä niiden eroa ilman asianmukaista selitystä.

  Saavutettavuusvaatimukset jotka eivät täyty

  • 1.3.1 Informaatio ja suhteet

• Havaittava: Sivulla ei ole ylätason otsikkoa

  Saavuttamaton sisältö ja sen puutteet

  Ylätason otsikko kertoo käyttäjäagenteille (kuten näytönlukijoille ja hakukoneille) sivun pääaiheen.

  Saavutettavuusvaatimukset jotka eivät täyty

  • 1.3.1 Informaatio ja suhteet

• Havaittava: Tekstin muotoilemiseen käytetty i-tunnistetta

  Saavuttamaton sisältö ja sen puutteet

  Jos teksti on korostettava semanttisesti, on käytettävä 'i'-tunnisteen sijaan 'emphasize'-tunnistetta.

  Saavutettavuusvaatimukset jotka eivät täyty

  • 1.3.1 Informaatio ja suhteet

• Havaittava: Merkkipaikkojen asianmukainen käyttö

  Saavuttamaton sisältö ja sen puutteet

  HTML5- ja WAI-ARIA-maamerkit on lisättävä sen sivun osaan, joka vastaa niiden tyyppiä.

  Saavutettavuusvaatimukset jotka eivät täyty

  • 1.3.1 Informaatio ja suhteet

• Havaittava: Linkin tunnistus vain värin perusteella

  Saavuttamaton sisältö ja sen puutteet

  Linkit erottuvat tekstikappaleista vain värin perusteella. Jos tekstikappaleissa olevat linkit tunnistetaan vain värin perusteella, linkkitekstin ja ympäröivän tekstin värikontrastisuhteen on oltava vähintään 3:1. Se ei tässä tapauksessa toteudu.

  Saavutettavuusvaatimukset jotka eivät täyty

  • 1.4.1 Värien käyttö

• Havaittava: Värikontrasti ei ole riittävä

  Saavuttamaton sisältö ja sen puutteet

  Tekstin värin ja taustavärin kontrasti ei ole riittävän suuri.

  Saavutettavuusvaatimukset jotka eivät täyty

  • 1.4.3 Kontrasti (minimi)

• Hallittava: Kuvalinkillä ei ole tekstivastinetta

  Saavuttamaton sisältö ja sen puutteet

  Kuvalinkistä puuttuu tekstivastine, joka osoittaa linkin tarkoituksen.

  Saavutettavuusvaatimukset jotka eivät täyty

  • 2.4.4 Linkin tarkoitus (kontekstissa)

• Hallittava: Elementtiä ei korosteta siihen kohdistettaessa

  Saavuttamaton sisältö ja sen puutteet

  Näppäimistönavigoinnin yhteydessä on tärkeää, että fokusoitu komponentti voidaan tunnistaa visuaalisesti. Jos fokusoitua komponenttia ei korosteta, käyttäjä ei voi olla varma siitä, mikä komponentti on fokuksessa.

  Saavutettavuusvaatimukset jotka eivät täyty

  • 2.4.7 Näkyvä kohdistus