Liigu põhisisu juurde
Ligipääsetavuse labor

2.2 · Sisu

Pildid ja alt-tekst

Alt-tekst vastab ühele küsimusele: kui see pilt kaoks, mida oleks lugejale vaja öelda? Vastus on vahel 'mitte midagi'.

Halb alt-tekst ja miks

Ligipääsmatu
Kursuse lehel kasutatud foto
  • alt="image.jpg"
  • alt="picture"
  • alt="photo"
  • alt="" (on an informative photo)

Mida ekraanilugeja ette loeb

  1. graafika, image punkt j p g
  2. graafika, picture
  3. (vaikus — pilt jäeti vahele)
Ligipääsetav
Sama foto

alt="Õpilane loeb klassiruumis sülearvutist kursusematerjale."

Mida ekraanilugeja ette loeb

  1. graafika, Õpilane loeb klassiruumis sülearvutist kursusematerjale.

Tühi alt ei ole puuduv alt

alt="" ütleb abitehnoloogiale "jäta mind vahele, ma ei lisa midagi". Puuduv alt-atribuut paneb mõne ekraanilugeja hoopis failinime ette lugema.

Neli liiki pilte

Dekoratiivne

Kasuta tühja alt-atribuuti, et abitehnoloogia jätaks pildi vahele. Ära jäta atribuuti üldse ära.

Informatiivne

Kirjelda ühe lausega infot, mida pilt lisab. Väldi 'pilt, millel on'.

Funktsionaalne

Kirjelda tegevust, mitte pilti. Lingi või nupu sees olev ikoon saab nimeks sihtkoha või tegevuse.

Keerukas

Lühike alt nimetab diagrammi; andmed ise kuuluvad kõrvalolevasse teksti või tabelisse, et igaüks saaks väärtusi lugeda.

Alt-teksti otsustuspuu

Vali väide, mis sinu pildile sobib.

Funktsionaalsed pildid päriselus

Ligipääsmatu

Mõlemad loetakse ette kui "nupp" ilma nimeta.

Ligipääsetav

Iga juhtelement on nimetatud oma tegevuse järgi.

Harjuta

Suvekooli lehe foto näitab õpilasi laua taga sülearvutitega koos töötamas. Kirjuta alt-tekst.

Praegune tekst: image.jpg

Ainult ikooniga nupp avab keelevaliku menüü. Millise ligipääsetava nime sa sellele annad?

Praegune tekst: alt='globe'

Miks hea näide on parem

  • Eesmärgist lähtuv alt-tekst annab inimesele info, mitte pikslite kirjelduse.
  • Tühi alt dekoratsioonil hoiab lehe vaikse ja kuulamiseks kiire.
  • Keerukad pildid jäävad kasutatavaks, sest andmed on olemas ka tekstina.

Mõju ligipääsetavusele

Pimedad kasutajad
Saavad sama info kui teised või puhta vahelejätmise.
Aeglase ühendusega kasutajad
Näevad alt-teksti, kui pilt ei laadi.
Otsimootorid
Indekseerivad piltide tähenduse.

Praktiline järeldus

Küsi "mida see pilt siin teeb?" ja kirjuta see. Kui see ei tee midagi, kirjuta alt="".

WCAG 2.2
1.1.1 Non-text Content

Kiire kontroll

  1. 1. Kahe lõigu vahel on puhtalt dekoratiivne kaunistus. Parim alt?
  2. 2. Ikoon nupu sees, mis salvestab mustandi. Alt peaks ütlema…
  3. 3. Tulpdiagramm näitab vastuvõttu aastate kaupa. Mida on lühikese alt-teksti kõrval veel vaja?

Seotud nõuded

EN 301 549 punktid: 9.1.1.1, 10.1.1.1, 11.1.1.1

See õppetükk avab enesehindamise ala — vaata järgmisena üle oma leht või materjalid.

Vaata üle — Pildid

Kas said õppetüki läbi? Märgi see ära, et õpitee oleks ajakohane.