"Kādu faila nosaukumu vēlaties, lai ekrāna lasītājs skaļi nolasītu jūsu ausī 40 reizes dienā?" Tas ir nedaudz absurds jautājums, bet tieši tas notiek, ja jēgpilns attēls tiek atstāts ar alt="image1.jpg" vai, vēl ļaunāk, vispār nav alternatīvā teksta. Šis raksts ir praktisks ceļvedis alternatīvā teksta rakstīšanai, kas patiešām palīdz — ne tikai klāt, bet arī labi .
Īsumā — kas ir ietverts šajā rokasgrāmatā
Kāpēc slikts alternatīvais teksts ir gandrīz tikpat slikts kā trūkstošais alternatīvais teksts
Saskaņā ar WCAG 1.1.1 visam saturam, kas nav teksts, ir jābūt teksta alternatīvai, taču formālās prasības ir tikai puse no stāsta. "image1.jpg", "image" vai "logo" tehniski atbilst prasībām (ir alt atribūts), taču tie nesniedz reālu informāciju. Ekrāna lasītāja lietotājs, kurš dzird virkni "attēls... attēls... image23.png", ir ne mazāk neapmierināts kā redzīgs lietotājs, kurš skatās uz tukšu kadru sēriju.
Kā uzrakstīt labu alternatīvo tekstu
Pamatnoteikums: aprakstiet attēla vēstījumu kontekstā, kurā tas parādās, nevis burtisku aprakstu par to, ko redzat. Fotoattēlam, kurā redzami cilvēki pie galda komandas sanāksmē, kas pievienots rakstam par sadarbību, varētu būt "Komanda, kas strādā kopā pie galda", nevis "Cilvēku fotoattēls". Diagrammai vai diagrammai aprakstiet diagrammā sniegto informāciju: “joslu diagramma, kas parāda pārdošanas apjoma pieaugumu par 40% trešajā ceturksnī” ir ievērojami labāka nekā “joslu diagramma”.
- Īss un mērķtiecīgs — parasti pietiek ar 1-2 teikumiem; nav nepieciešams aprakstīt katru vizuālo detaļu.
- Izlaidiet "image of" vai "picture of" — ekrāna lasītājs jau paziņo, ka tas ir attēls, tāpēc nav nepieciešams to atkārtot.
- Apsveriet apkārtējo tekstu — vienam un tam pašam attēlam dažādos kontekstos var būt atšķirīgs alternatīvais teksts.
Kad alternatīvais teksts ir jāatstāj ar nolūku tukšu
Ne katram attēlam ir nepieciešams apraksts. Tīri dekoratīvus attēlus — grafiskas atdalīšanas līnijas, fona ilustrācijas, ikonas, kas tikai atkārto blakus esošo tekstu — vislabāk ir atzīmēt aralt=""(tukšs alternatīvais teksts, netrūkst), tāpēc ekrāna lasītājs tos pilnībā izlaiž. Atšķirība starp "trūkst" un "tīši tukša" ir būtiska: trūkstošais izklausās kā kļūda vai nolasa faila nosaukumu; apzināti tukšs vienkārši klusi pārlaiž to pāri.
💡 Praktisks padoms
Ātra pārbaude: ja jūs pilnībā izdzēsīsit attēlu no lapas, vai lietotājam, kurš to neredz, kaut kas netrūktu? Ja nē, tas, iespējams, ir dekoratīvs un piemērots tukšai vietai.
Ko darīt ar sarežģītām diagrammām un diagrammām
Sarežģītai datu diagrammai, ilustrētai salīdzināšanas tabulai vai infografikai ar vairākiem informācijas slāņiem ar īsu alternatīvo tekstu nepietiek — ir pārāk daudz informācijas, ko nodot. Risinājums: īss alternatīvais teksts, kas apraksta vispārīgo tēmu, līdzās tam (parastajā tekstā ap attēlu, ne tikai alt atribūtā) detalizētāks svarīgu datu apraksts vai līdzvērtīga datu tabula, kurā ekrāna lasītājs var pārvietoties.
Vai neesat pārliecināts, kura alternatīvā teksta jūsu vietnē trūkst vai tas ir problemātisks?
Mūsu rīks atrod attēlus bez alternatīvā teksta katrā jūsu vietnes dokumentā un atzīmē tos pēc prioritātes.
Padariet savus dokumentus pieejamus bez maksas ←