Vantar alt-texta

Silktide finnur myndir á síðunum þínum sem hafa engan alt-texta. Alt-texti er skrifleg lýsing sem er lesin upp í stað myndar, þannig að myndir án hans eru merkingarlausar fyrir fólk sem sér þær ekki.

<!-- Vandamál: ekkert alt-eigindi -->
<img src="apple.png">

<!-- Lagfært: lýsandi alt-texti -->
<img src="apple.png" alt="Rautt epli">

<!-- Einnig gilt: sérstaklega skilgreind sem skreyting -->
<img src="decorative-swirl.png" alt="">

Af hverju þetta skiptir máli

hefur ekkert til að lesa upp fyrir mynd án – í besta falli les hann skráarheitið upp, sem er sjaldan gagnlegt og oft ruglandi. Fólk sem er blindt eða með skerta sjón missir af því sem myndin miðlar og ef myndin er myndrit, hnappur eða tengill gæti það alls ekki getað notað síðuna.

Alt-texti birtist einnig þegar myndir hlaðast ekki inn og hjálpar leitarvélum að skilja myndirnar þínar, þannig að lagfæring þess gagnast öllum gestum.

Svona lagarðu þetta

Bættu alt-texta við hverja mynd í – flest kerfi hafa reit fyrir hann þar sem þú setur inn mynd. Í kóða notarðu alt-eigindið eins og sýnt er hér að ofan.
Lýstu upplýsingunum eða tilgangi myndarinnar, ekki útliti hennar. Ef myndin virkar sem tengill eða hnappur skaltu lýsa því hvert hún leiðir eða hvað hún gerir.
Ef myndin er eingöngu skaltu gefa henni tómt alt="" svo skjálesarar sleppi henni. Ekki búa til innihaldslausan staðgengilstexta – það er verra að heyra „skreytt hringiðumynd“ en að heyra ekkert.

WebAIM gefur út ítarlega leiðbeiningu um ritun alt-texta.

Svona prófar Silktide þetta

Finndu hverja mynd á hverri síðu.
Slepptu myndum sem þurfa ekki alt-texta: myndum án uppruna, myndum sem eru 1 díll eða minni (yfirleitt rakningardílar) og myndum sem eru faldar skjálesurum.
Slepptu myndum sem eru merktar sem skreyting með role="presentation"-eigindi, þar sem þær eru viljandi faldar .
Tilkynntu hverja mynd sem eftir stendur og hefur ekkert alt-eigindi.

Mynd með tómu alt="" stenst þessa prófun en fellur undir Skreytingarmyndir, þar sem beðið er um að þú staðfestir að hún sé í raun skreyting. Alt-texti sem er til staðar en gagnast lítið fellur undir Ónothæfur alt-texti.

Úrræðaleit

Myndin er skreyting, svo hvers vegna er hún merkt?

Mynd er aðeins meðhöndluð sem skreyting þegar það er tekið fram í kóðanum, með tómu alt="" eða role="presentation". Mynd án alt-eigindis er óljós – hjálpartækni getur ekki greint „skreyting“ frá „gleymdist“ – og stenst því ekki þessa prófun. Bættu tóma eigindinu við til að gera ætlunina skýra.

Myndin kemur frá þjónustu þriðja aðila

Ekki er víst að þú getir breytt myndum sem búnar eru til af innfelldum þjónustum á borð við kortaþjónustur. Í stillingum vefsvæðisins geturðu undanskilið efni frá þriðja aðila frá þessari prófun eða stakar niðurstöður sem þú getur ekki breytt.