"Katero ime datoteke želite, da vam bralnik zaslona 40-krat na dan prebere na glas?" To je nekoliko nesmiselno vprašanje, a točno to se zgodi, ko na pomembni sliki ostane alt="image1.jpg" ali, kar je še huje, brez nadomestnega besedila. Ta članek je praktičen vodnik za pisanje nadomestnega besedila, ki dejansko pomaga – ne le predstavlja, ampak dobro.

Na kratko – kaj zajema ta vodnik

  1. Zakaj je slabo nadomestno besedilo skoraj tako slabo kot manjkajoče nadomestno besedilo
  2. Kako napisati dobro nadomestno besedilo
  3. Kdaj namerno pustiti nadomestno besedilo prazno
  4. Kaj storiti s kompleksnimi grafikoni in diagrami

Zakaj je slabo nadomestno besedilo skoraj tako slabo kot manjkajoče nadomestno besedilo

V skladu z WCAG 1.1.1 mora vsa nebesedilna vsebina imeti alternativno besedilo — vendar je formalna zahteva le polovica zgodbe. »image1.jpg«, »image« ali »logo« tehnično izpolnjujejo zahtevo (obstaja atribut alt), vendar ne posredujejo nobenih resničnih informacij. Uporabnik bralnika zaslona, ​​ki sliši niz "slika ... slika ... slika23.png", ni nič manj razočaran kot videč uporabnik, ki gleda niz praznih okvirjev.

Kako napisati dobro nadomestno besedilo

Vodilno pravilo: opišite sporočilo slike v kontekstu, kjer se pojavi, ne dobesednega opisa tega, kar vidite. Fotografiji ljudi za mizo na skupinskem sestanku, ki je priložena članku o sodelovanju, bi lahko dodali »Ekipa, ki dela skupaj za mizo« — ne »Fotografija ljudi«. Za grafikon ali graf opišite zaključek, ki ga grafikon predstavlja: »Palični grafikon, ki prikazuje 40-odstotno povečanje prodaje v tretjem četrtletju« je bistveno boljši od »Stolični grafikon«.

Ilustrativni diagram Učinkovito v primerjavi z neučinkovitim nadomestnim besedilom Primerjava med splošnim nadomestnim besedilom in natančnim, opisnim nadomestnim besedilom Nadomestno besedilo: Ne le "prisotno" – tudi "dobro" ❌ Ne dovolj Alt: "image1.jpg" Ime datoteke uporabniku ne pomeni nič zanašanje na bralnik zaslona ✅ Natančno in namensko Alt: "Palični grafikon: 40 % rast prodaje v tretjem četrtletju" Opisuje vsebino in sporočilo — ne le "tam je slika" Povsem dekorativna slika? Empty Alt "" je boljši Zlato pravilo: kateri dve ali tri besede bi rekli nekomu po telefonu, da bi opisali sliko?
Zlato pravilo: kateri dve ali tri besede bi rekli nekomu po telefonu, da bi opisali sliko, če je sam ne bi videl?

Kdaj pustiti nadomestno besedilo namerno prazno

Ne potrebuje vsake slike opis. Povsem okrasne slike – grafične ločnice, ilustracije v ozadju, ikone, ki samo ponavljajo besedilo v bližini – je najbolje označiti zalt=""(prazno nadomestno besedilo, ne manjka), tako da jih bralnik zaslona v celoti preskoči. Razlika med "manjkajočim" in "namerno praznim" je kritična: manjkajoče se sliši kot napaka ali prebere ime datoteke; namenoma prazno preprosto tiho preskoči.

💡 Praktični nasvet

Hitri test: če bi sliko v celoti izbrisali s strani, ali bi uporabnik, ki je ne vidi, kaj pogrešal? Če ne — verjetno je dekorativen in primeren za prazen alt.

Kaj storiti s kompleksnimi grafikoni in diagrami

Za kompleksen podatkovni grafikon, ilustrirano primerjalno tabelo ali infografiko z več plastmi informacij kratko nadomestno besedilo ni dovolj – preveč je informacij, ki jih je treba posredovati. Rešitev: kratko nadomestno besedilo, ki opisuje splošno temo, poleg njega (v običajnem besedilu, ki obkroža sliko, ne le v atributu alt) podrobnejši opis pomembnih podatkov ali enakovredna podatkovna tabela, po kateri lahko krmari bralnik zaslona.

Niste prepričani, katero nadomestno besedilo manjka ali je problematično na vašem spletnem mestu?

Naše orodje najde slike brez nadomestnega besedila v vsakem dokumentu na vašem spletnem mestu in jih označi po prioriteti.

Naredite svoje dokumente brezplačno ←