Verkkosisällön saavutettavuusohjeet opas saavutettavuuteen liittyviin vaatimuksiin
1 Havaittava

1.1.1 Ei-tekstuaalinen sisältö

Onnistumiskriteerin taso: A
Kriteeri tuli WCAG:n versiossa: 2.0

Onnistumiskriteerin virallinen kuvaus

Kaikki käyttäjälle esitettävä ei-tekstuaalinen sisältö on varustettu saman tarpeen täyttävällä tekstivastineella, pois lukien alla luetellut tapaukset.

  • Käyttöliittymäkomponentit, syöte: Ei-tekstuaalisella sisällöllä on sen tarkoituksen kuvaava nimi, jos se toimii käyttöliittymäkomponenttina tai vastaanottaa käyttäjän syötettä. (Katso onnistumiskriteeri 4.1.2, joka asettaa lisävaatimuksia käyttöliittymäkomponenteille ja käyttäjän syötettä vastaanottavalle sisällölle.)
  • Aikasidonnainen media: Jos ei-tekstuaalinen sisältö on aikasidonnaista mediaa, tekstivastineet tarjoavat vähintään kuvailevan tunnistetiedon ei-tekstuaalisesta sisällöstä. (Katso ohje 1.2, joka asettaa lisävaatimuksia medialle.)
  • Testi: Jos ei-tekstuaalinen sisältö on testi tai harjoitus, joka ei olisi tekstinä esitettynä pätevä, tekstivastineet vähintään kuvailevat tunnistettavasti ei-tekstuaalista sisältöä.
  • Aistinvarainen: Jos ei-tekstuaalinen sisältö on ensisijaisesti tarkoitettu aikaansaamaan tietty aistinvarainen kokemus, silloin tekstivastineet vähintään kuvailevat tunnistettavasti ei-tekstuaalista sisältöä.
  • CAPTCHA: Jos ei-tekstuaalisen sisällön tarkoitus on varmistaa, että sisältöä käyttää henkilö eikä tietokone, niin tarjolla on tekstivastineita, jotka tunnistavat ja kuvailevat ei-tekstuaalisen sisällön tarkoituksen. Lisäksi tarjolla on vaihtoehtoisia CAPTCHA-muotoja, jotka ottavat huomioon erilaiset vammat ja rajoitteet käyttäen eri aistinvaraisia havaintoja tukevia esitystapoja.
  • Koristeet, muotoilu, näkymättömyys: Jos ei-tekstuaalinen sisältö on yksinomaan koriste, jos sitä käytetään ainoastaan visuaaliseen muotoiluun tai jos se on käyttäjälle näkymätön, se toteutetaan siten, että avustava teknologia voi jättää sen huomioimatta.

Mitä pitää tehdä?

Lisää tekstivastine ei-tekstuaaliselle sisällölle. Jätä se pois koristeellisilta elementeiltä.

Miksi tämä on tärkeää?

Tekstivastineet auttavat välittämään muun kuin tekstisisällön tarkoituksen ja merkityksen avustaville teknologioille, kuten ruudunlukijoille.

Yleisiä sudenkuoppia

Yleisimmät ongelmat joita kohtaan ovat kuvien vaihtoehtoisissa teksteissä. Alt-tagi saattaa puuttua kokonaan tai alt-teksti ei ole kuvaava.

Toinen yleinen ognelma on unohtaa kääntää alt-tekstit kaikille sivuston kielille.

Miten testata?

Tarkasta kuvien osalta seuraavat:

  • Varmista, että alt-tagi löytyy jokaiselta kuvalta.
  • Jos kuva on koristeellinen, alt-tagin pitäisi olla tyhjä.
  • Jos kuvalla on merkitys, alt-tekstin pitäisi kuvailla kuvaa.

Liittyvä kriteeri: Jotkut merkitsevät alt-tekstien käännösten puuttumisen tämän kriteerin alle, toiset 3.1.2 alle.

Lisää tästä kriteeristä muualla