Heikko alt-teksti

Kuvilla tulisi olla kirjalliset kuvaukset, jotka kertovat, mitä niissä näkyy. Silktide ilmoittaa kuvista, joiden kuvaukset ovat olemassa mutta vaikuttavat olevan vailla todellista arvoa, kuten tiedostonimi tai sana "kuva".

on tarkoitus korvata kuva. Teksti, kuten tiedostonimi, URL-osoite tai yleinen sana, ei kuvaile mitään:

<!-- Heikko: tiedostonimi ei kerro kuuntelijalle mitään -->
<img src="chart.png" alt="chart-final-v2.png">

<!-- Kuvaileva: kertoo, mitä kuvassa näkyy -->
<img src="chart.png" alt="Pylväskaavio, joka näyttää myynnin kaksinkertaistuneen vuosien 2024 ja 2026 välillä">

Miksi tämä on tärkeää

käyttävät ihmiset kuulevat alt-tekstin kuvan sijaan. Ääneen luettu "IMG alaviiva 4 3 2 7 piste J P G" on hiljaisuutta pahempi: se keskeyttää sisällön kertomatta mitään. Heikko alt-teksti tarkoittaa yleensä sitä, että CMS-järjestelmä on täyttänyt kentän automaattisesti tiedostonimen perusteella. Näin kuva läpäisee yksinkertaisen "onko alt-tekstiä" -testin, vaikka se ei silti palvele ihmistä, jota varten se on tarkoitettu.

Myös hakukoneet lukevat alt-tekstiä ymmärtääkseen kuvia, joten heikko teksti hukkaa mahdollisuuden saada kuvasi löydetyiksi haussa.

Näin korjaat sen

Kirjoita alt-teksti uudelleen siten, että se kuvailee, mitä kuvassa näkyy tai mihin sitä käytetään, luonnollisena ilmauksena tai lauseena. Kuvittele kuvailevasi sivua jollekin puhelimessa.
Linkkeinä tai painikkeina toimivissa kuvissa kuvaile kohdetta tai toimintoa ("Hae", "Näytä ostoskorisi") kuvan sijaan.
Käytä pelkästään tyhjää alt=""-attribuuttia, jotta ruudunlukijat ohittavat ne kokonaan.
Korjaa myös ongelman lähde: monet CMS-järjestelmät täyttävät alt-tekstin automaattisesti tiedostonimistä, kun kuvia ladataan palveluun. Lisää aidot kuvaukset mediakirjastoosi.
Jos merkitty alt-teksti on aidosti sopiva, havainto.

Näin Silktide testaa tämän

Etsi sivun kaikki kuvat, joilla on ei-tyhjä alt-teksti. Kuvista, joiden alt-teksti puuttuu tai on tyhjä, ilmoitetaan erillisillä tarkistuksilla, kuten Puuttuva alt-teksti.
Ohita kuvat, jotka eivät tarvitse kuvausta: ruudunlukijoilta piilotetut kuvat, seurantapikselit ja muut 1 pikselin kuvat sekä kuvat, joilla ei ole lähdettä.
Merkitse alt-teksti, joka vaikuttaa epätietoiselta:
- Se näyttää tiedostonimeltä (kuten photo.jpg).
- Se on URL-osoite.
- Se ei näytä ihmisen luettavilta sanoilta (kuten img_4327_final-2).
- Se on tunnettu yleinen sana tai ilmaus, kuten "kuva", "valokuva", "logo" tai "klikkaa tästä".
- Se ei sisällä lainkaan kirjaimia tai numeroita.

Vianmääritys

Tuotekoodini tai brändini nimi on merkitty

Yksittäinen koodimainen tunnus alt-tekstinä voi näyttää tämän tarkistuksen mielestä koneellisesti luodulta. Jos teksti on aidosti oikea kuvaus (esimerkiksi asiakkaidesi tuntema tuotteen SKU-tunnus), hyväksy havainto – tai mieluummin laajenna se ilmaukseksi: "Tuotekuva ZX-200-porakoneesta".

Upotettujen karttojen kuvat on merkitty

Upotettujen karttapalvelujen karttaruudut luodaan palveluntarjoajan toimesta, etkä voi muokata niiden alt-tekstiä. Silktide voi jättää tällaiset kolmannen osapuolen kuvat tarkistamatta. Jos näet niiden olevan merkittyjä, hyväksy ne tai kysy meiltä kolmannen osapuolen ongelmien poissulkemisesta verkkosivustollasi.