Tvöfaldur alt-texti

Silktide finnur tengdar myndir þar sem valtextinn endurtekur textann beint við hliðina á þeim. Þegar mynd og aðliggjandi texti segja það sama heyra notendur skjálesara sömu orðin tvisvar.

<!-- Vandamál: lesið upp sem „Apple Apple“ -->
<a href="/apple">
    <img src="apple.png" alt="Apple">
    Apple
</a>

<!-- Lagfært: tómt alt, textinn einn nefnir tengilinn -->
<a href="/apple">
    <img src="apple.png" alt="">
    Apple
</a>

Hvers vegna þetta skiptir máli

er til að koma í stað myndar fyrir fólk sem getur ekki séð hana. Þegar sömu orðin birtast nú þegar við hlið myndarinnar bætir alt-textinn engu við – les upp „Apple Apple“, sem hljómar eins og bilun og hægir á hlustun án nokkurs ávinnings. Þegar þetta endurtekur sig á síðu með vöruspjöldum eða fréttakynningum verður endurtekningin virkilega þreytandi.

Mynd sem fær alla merkingu sína frá aðliggjandi texta er í raun og ætti að vera merkt sem slík.

Hvernig á að laga þetta

Settu tómt alt="" á myndina svo sleppi henni og lesi aðeins aðliggjandi texta, eins og í dæminu hér að ofan.
Að öðrum kosti skaltu fela myndina með aria-hidden="true" – það getur verið gagnlegt þegar krefst þess að alt-eigindið sé fyllt út.
Ef myndin og textinn eru tveir aðskildir tenglar á sama áfangastað skaltu sameina þá fyrst í einn tengil – sjá Aðliggjandi tengla.

Hvernig Silktide prófar þetta

Finndu hverja mynd sem er inni í tengli.
Lestu hjálpartexta myndarinnar: alt-eigindi hennar eða aria-label.
Berðu hann saman við sýnilegan texta þáttanna beint á undan og eftir myndinni.
Tilkynntu um myndina þegar textarnir tveir passa nákvæmlega saman, án tillits til há- og lágstafa.

Bilanaleit

Samsvarandi texti er ekki hluti af tenglinum

Samanburðurinn skoðar næstu nágranna myndarinnar, sem geta innihaldið texta rétt fyrir utan tengilinn. Tvöföldunin er samt raunveruleg fyrir notanda skjálesara sem fer í gegnum síðuna, þannig að sömu lagfæringar eiga við.

Textarnir eru aðeins frábrugðnir

Aðeins nákvæm samsvörun, án tillits til há- og lágstafa, er tilkynnt. Nánast eins texti, eins og „Apple“ við hliðina á alt="Apple logo", stenst þessa prófun, en íhugaðu hvort alt-textinn bæti enn einhverju við fyrir þann sem hlustar.