1.1.1 Ei-tekstuaalinen sisältö
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.
Muista, että kuvien koristeellisuuden määrittäminen on subjektiivista.
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.
Miten huomioida tämä kriteeri kehitystyössä?
Varmista aina, että kuvalla on alt-tagi. Mahdollista, että sisällöntuottaja voi jättää vaihtoehtoisen tekstin tyhjäksi, mutta silloinkin alt-tagin kuuluu olla paikoillaan.
Jos lisäät kuvan koodissa, varmista, että jokaisella kuvalla (poikkeuksena koristeelliset) on vaihtoehtoinen teksti. Muista myös kääntää vaihtoehtoiset tekstit. Jos kuva toimii linkkinä, kuvaile kuvan sijaan linkin kohdetta.