Slike bez tajni: Potpuni vodič za pisanje učinkovitog alternativnog teksta

"Koji naziv datoteke želite da vam čitač zaslona čita naglas u uho 40 puta dnevno?" To je pomalo apsurdno pitanje, ali to je upravo ono što se događa kada se iza smislene slike ostavi alt="image1.jpg" ili, još gore, bez alternativnog teksta. Ovaj je članak praktičan vodič za pisanje zamjenskog teksta koji zapravo pomaže — ne samo predstavlja, već je dobar .

Zašto je loš zamjenski tekst gotovo jednako loš kao i nedostajući zamjenski tekst

Prema WCAG-u 1.1.1, sav netekstualni sadržaj mora imati tekstualnu alternativu — ali formalni zahtjev je samo pola priče. "image1.jpg", "image" ili "logo" tehnički ispunjavaju zahtjev (postoji atribut alt), ali ne prenose stvarne informacije. Korisnik čitača zaslona koji čuje niz "slika... slika... slika23.png" nije ništa manje frustriran od korisnika koji vidi i gleda niz praznih okvira.

Kako napisati dobar alternativni tekst

Vodeće pravilo: opišite poruku slike u kontekstu u kojem se pojavljuje, a ne doslovni opis onoga što vidite. Fotografija ljudi oko stola na timskom sastanku, koja prati članak o suradnji, može se dati kao "Tim radi zajedno oko stola" — ne "Fotografija ljudi". Za dijagram ili grafikon opišite zaključak koji grafikon predstavlja: "Stukasti grafikon koji pokazuje povećanje prodaje od 40% u trećem tromjesečju" značajno je bolji od "Stukasti grafikon".

• Kratko i svrhovito — obično su dovoljne 1-2 rečenice; nema potrebe opisivati ​​svaki vizualni detalj.
• Preskoči "image of" ili "picture of" — čitač zaslona već objavljuje da je to slika, tako da nema potrebe ponavljati.
• Razmotrite okolni tekst — ista slika može dobiti drugačiji alternativni tekst u različitim kontekstima.

Kada zamjenski tekst ostaviti namjerno prazan

Ne treba svakoj slici opis. Čisto dekorativne slike — grafičke razdjelne linije, pozadinske ilustracije, ikone koje samo ponavljaju obližnji tekst — najbolje je označitialt=""(prazan alternativni tekst, ne nedostaje) tako da ih čitač zaslona u potpunosti preskače. Razlika između "nedostaje" i "namjerno prazno" je kritična: nedostaje zvuči kao pogreška ili čita naziv datoteke; namjerno prazno jednostavno ga šutke preskoči.

Što učiniti sa složenim grafikonima i dijagramima

Za složeni podatkovni grafikon, ilustriranu usporednu tablicu ili infografiku s nekoliko slojeva informacija, kratki alternativni tekst nije dovoljan — ima previše informacija za prenijeti. Rješenje: kratki alternativni tekst koji opisuje opću temu, uz njega (u običnom tekstu koji okružuje sliku, ne samo u alternativnom atributu) detaljniji opis važnih podataka ili ekvivalentna podatkovna tablica kojom se čitač zaslona može kretati.