"Mitä tiedostonimeä haluat näytönlukuohjelman lukevan ääneen korvaasi 40 kertaa päivässä?" Se on hieman absurdi kysymys, mutta mitä tapahtuu, kun merkitykselliseen kuvaan jätetään alt="image1.jpg" tai, mikä pahempaa, ei lainkaan vaihtoehtoista tekstiä. Tämä artikkeli on käytännöllinen opas vaihtoehtoisen tekstin kirjoittamiseen, joka todella auttaa – ei vain läsnä, vaan myös hyvä .
Lyhyesti: mitä tämä opas kattaa
Miksi huono vaihtoehtoteksti on melkein yhtä huono kuin puuttuva vaihtoehtoinen teksti
WCAG 1.1.1:n mukaan kaikella ei-tekstisisällöllä on oltava tekstivaihtoehto – mutta muodollinen vaatimus on vain puolet tarinasta. "image1.jpg", "image" tai "logo" täyttävät teknisesti vaatimuksen (sillä on alt-attribuutti), mutta ne eivät välitä todellista tietoa. Näytönlukijan käyttäjä, joka kuulee merkkijonon "image... image... image23.png", ei ole yhtä turhautunut kuin näkevä käyttäjä, joka katsoo sarjaa tyhjiä kehyksiä.
Hyvän vaihtoehtoisen tekstin kirjoittaminen
Ohjaava sääntö: kuvaa kuvan viestiä kontekstissa, jossa se esiintyy, älä kirjaimellista kuvausta näkemästäsi. Yhteistyötä käsittelevän artikkelin mukana olevalle valokuvalle ihmisistä pöydän ympärillä tiimikokouksessa voidaan antaa "Tiimi työskentelee yhdessä pöydän ympärillä" - ei "Kuva ihmisistä". Kuvaile kaaviota tai kaaviota varten kaavion esittelyä: "Pylväskaavio, joka näyttää 40 prosentin myynnin kasvun kolmannella vuosineljänneksellä" on huomattavasti parempi kuin "pylväskaavio".
- Lyhyt ja määrätietoinen – yleensä 1–2 lausetta riittää; ei tarvitse kuvailla jokaista visuaalista yksityiskohtaa.
- Ohita "image of" tai "picture of" - näytönlukuohjelma ilmoittaa jo, että se on kuva, joten sitä ei tarvitse toistaa.
- Ajattele ympäröivää tekstiä – sama kuva voi saada eri vaihtoehtoista tekstiä eri yhteyksissä.
Milloin vaihtoehtoteksti jätetään tarkoituksellisesti tyhjäksi
Jokainen kuva ei tarvitse kuvausta. Puhtaasti koristeelliset kuvat – graafiset jakoviivat, taustakuvitukset, kuvakkeet, jotka vain toistavat lähellä olevaa tekstiä – on parasta merkitäalt=""(tyhjä vaihtoehtoinen teksti, ei puuttuu), joten näytönlukuohjelma ohittaa ne kokonaan. Ero "puuttuvan" ja "tahallisesti tyhjän" välillä on kriittinen: puuttuminen kuulostaa virheeltä tai lukee tiedostonimen; tarkoituksella tyhjä ohittaa sen äänettömästi.
💡 Käytännön vinkki
Pikatesti: jos poistaisit kuvan sivulta kokonaan, puuttuuko käyttäjältä, joka ei näe sitä, mitään? Jos ei, se on luultavasti koristeellinen ja sopii tyhjään vaihtoehtoon.
Mitä tehdä monimutkaisille kaavioille ja kaavioille
Monimutkaiseen datakaavioon, kuvitettuun vertailutaulukkoon tai infografiikkaan, jossa on useita tietokerroksia, lyhyt vaihtoehtoinen teksti ei riitä – tietoja on liikaa välitettäväksi. Ratkaisu: lyhyt yleistä aihetta kuvaava alt-teksti, sen rinnalla (kuvaa ympäröivässä tavallisessa tekstissä, ei vain alt-attribuutissa) tarkempi kuvaus tärkeästä tiedosta tai vastaava datataulukko, jossa näytönlukuohjelma voi navigoida.
Etkö ole varma, mikä vaihtoehtoteksti puuttuu tai on ongelmallinen sivustoltasi?
Työkalumme löytää kuvia ilman vaihtoehtoista tekstiä jokaisesta sivustosi dokumentista ja merkitsee ne tärkeysjärjestyksen mukaan.
Tee asiakirjasi saataville ilmaiseksi ←