Kuidas kirjutada piltidele head alt-teksti

Milleks alt-tekst on

Alt-tekst on pildi tekstialternatiiv, mis kirjutatakse alt-atribuuti. Ekraanilugejad loevad selle ette, punktkirjaekraanid näitavad seda ja brauser näitab seda, kui pilt ei laadi. Ka otsingumootorid võivad seda kasutada. Ligipääsetavuse veebistandard WCAG nõuab tekstialternatiivi, mis täidab sama ülesannet kui pilt (edukriteerium 1.1.1, tase A).

Põhimõte: alt-tekst ei ole pildiallkiri ega pildi kirjeldus omaette eesmärgina. See ütleb, mida pilt lehele lisab. Sama foto võib kahel lehel vajada erinevat alt-teksti või mitte ühtegi.

Neli pildiliiki

• Informatiivsed pildid lisavad tähendust: foto, ikoon telefoninumbri kõrval, diagramm. Kirjuta lühike alt-tekst, mis selle tähenduse edasi annab.
• Funktsionaalsed pildid on linkide ja nuppude sees. Alt-tekst nimetab toimingut või sihtkohta, mitte pilti: suurendusklaasi puhul „Otsi“, printeriikooni puhul „Prindi see leht“.
• Dekoratiivsed pildid ei lisa midagi: ääris, vahetäide, kaunistus või pilt, mis ainult kordab kõrvalolevat teksti. Anna neile tühi alt-atribuut (alt=""), et ekraanilugejad need vahele jätaksid, või pane need laaditabelisse taustaks.
• Tekstipildid on viimane abinõu. Kui sul on seda vaja, kordab alt-tekst pildil olevaid sõnu. Logo, mis ei ole link, saab organisatsiooni nime.

Kuidas kirjutada head alt-teksti

1. 1Küsi, miks pilt lehel on. Millest jääks külastaja ilma, kui seda poleks?
2. 2Kirjuta, mis on selle eesmärgi jaoks oluline, fraasina või ühe lausena.
3. 3Alusta sisust. Ekraanilugeja teatab tavaliselt, et tegu on pildiga, seega „pilt sellest“ või „foto sellest“ aitab harva.
4. 4Ära korda seda, mida pildi kõrval olev tekst juba ütleb. Kui see ütleb kõik, on pilt dekoratiivne ja saab tühja alt-i.
5. 5Loe alt-tekst valjult ette, lehte vaatamata. Kas see on iseenesest mõistetav?

Levinud vead

• Alt-atribuuti pole üldse. Mõned ekraanilugejad loevad siis ette failinime.
• Failinimi või kood alt-tekstina, näiteks „IMG_2041.jpg“.
• Sama märksõnade jada paljudel piltidel. Alt-tekst on eelkõige inimestele.
• Pikk kirjeldus puhtalt dekoratiivsele pildile.
• Nupupildi välimuse kirjeldamine selle toimingu asemel. Otsingunupp ei ole „suurendusklaas“, vaid „Otsi“.

Kui pikk see peaks olema?

WCAG 1.1.1 ei nimeta märkide arvu. W3C nõuanne on hoida see lühike, ideaalis fraas või lause. Graafikute ja muude keerukate piltide puhul anna täielik teave lehel tekstina ja hoia alt-tekst lühike. Kui vajad rohkem kui lauset, kannab pilt tõenäoliselt sisu, mis kuulub lehe teksti.

Kontrolli oma saiti

Kasuliku alt-tekstita piltide leidmiseks käivita lehel tasuta alt-tekstide kontroll. Paljude piltide jaoks ettepanekute saamiseks kasuta tööriista Alt-tekstid. Automaatne ettepanek võib mööda vaadata sellest, mis sinu lehel oluline on, seega loe iga tekst läbi ja muuda see, kui see ei sobi pildi eesmärgiga.

Do4U tööriistad aitavad kirjutamisel, mitte otsustamisel: kas pilt on informatiivne, funktsionaalne või dekoratiivne, tead sina kõige paremini. Kontrolli uuesti pärast suuri muudatusi oma saidil.