"Millist failinime soovite, et ekraanilugeja teie kõrva 40 korda päevas valjusti loeks?" See on veidi absurdne küsimus, aga täpselt nii juhtub, kui tähendusrikkale pildile jäetakse alt="pilt1.jpg" või, mis veel hullem, alternatiivne tekst puudub. See artikkel on praktiline juhend alternatiivteksti kirjutamiseks, mis tegelikult aitab – mitte ainult olev, vaid ka hea .
Lühidalt – mida see juhend hõlmab
Miks halb alternatiivtekst on peaaegu sama halb kui puuduv alternatiivtekst
WCAG 1.1.1 kohaselt peab kogu tekstivälisel sisul olema tekstialternatiiv, kuid vorminõue on vaid pool loost. "image1.jpg", "image" või "logo" vastavad tehniliselt nõuetele (seal on alt atribuut), kuid need ei edasta tegelikku teavet. Ekraanilugeja kasutaja, kes kuuleb stringi "pilt... pilt... image23.png", ei ole vähem pettunud kui nägev kasutaja, kes vaatab tühje kaadreid.
Kuidas kirjutada head alternatiivteksti
Juhtreegel: kirjeldage pildi sõnumit kontekstis, kus see ilmub, mitte sõnasõnalist kirjeldust sellest, mida näete. Fotole inimestest meeskonna koosolekul laua ümber, mis on koos koostööteemalise artikliga, võib anda "Meeskond, kes töötab koos laua taga" - mitte "Foto inimestest". Diagrammi või graafiku jaoks kirjeldage diagrammil esitatud ülevaadet: "Lintdiagramm, mis näitab müügi 40% kasvu kolmandas kvartalis" on oluliselt parem kui "Lintdiagramm".
- Lühike ja eesmärgipärane — tavaliselt piisab 1–2 lausest; pole vaja kirjeldada iga visuaalset detaili.
- Jäta vahele "image of" või "picture of" — ekraanilugeja teatab juba, et tegemist on pildiga, seega pole vaja seda korrata.
- Mõelge ümbritsevale tekstile – sama pilt võib erinevates kontekstides saada erineva alternatiivteksti.
Millal jätta alternatiivtekst tahtlikult tühjaks
Iga pilt ei vaja kirjeldust. Puhtalt dekoratiivsed pildid – graafilised eraldusjooned, tausta illustratsioonid, ikoonid, mis lihtsalt kordavad lähedalasuvat teksti – on kõige paremini märgistatudalt=""(tühi alternatiivtekst, ei puudu), nii et ekraanilugeja jätab need täielikult vahele. Erinevus "kadunud" ja "tahtlikult tühi" vahel on kriitiline: puuduv kõlab nagu viga või loeb ette failinime; tahtlikult tühi lihtsalt hüppab sellest vaikselt üle.
💡 Praktiline nõuanne
Kiire test: kui kustutaksite pildi lehelt täielikult, kas kasutajal, kes seda ei näe, oleks midagi puudu? Kui ei, siis on see tõenäoliselt dekoratiivne ja sobib tühjaks kohaks.
Mida teha keeruliste diagrammide ja diagrammidega
Keerulise andmediagrammi, illustreeritud võrdlustabeli või mitme teabekihiga infograafika jaoks ei piisa lühikesest alternatiivtekstist – edastamiseks on liiga palju teavet. Lahendus: lühike alternatiivtekst, mis kirjeldab üldist teemat, selle kõrval (pilti ümbritsevas tavatekstis, mitte ainult alt-atribuudis) oluliste andmete täpsem kirjeldus või samaväärne andmetabel, kus ekraanilugeja saab liikuda.
Kas pole kindel, milline alternatiivtekst teie saidil puudub või on probleemne?
Meie tööriist leiab igast teie saidi dokumendist ilma alternatiivtekstita pildid ja märgistab need prioriteedi järgi.
Tehke oma dokumendid tasuta juurdepääsetavaks ←