Alt-texti myndarhnapps
Silktide finnur myndahnappa í eyðublöðum þínum sem hafa engan . Myndhnappur án textavals gefur fólki sem sér hann ekki enga leið til að vita hvað gerist þegar ýtt er á hann.
<!-- Vandamál: alt-eiginleika vantar -->
<input type="image" src="button.png">
<!-- Vandamál: alt er tómt -->
<input type="image" src="button.png" alt="">
<!-- Lagfært: alt-textinn lýsir aðgerðinni -->
<input type="image" src="button.png" alt="Senda skilaboð">
Hvers vegna þetta skiptir máli
Myndhnappur (<input type="image">) notar mynd í stað textamerkingar, þannig að alt-eiginleikinn er eina heitið sem getur lesið upp. Án hans er hnappurinn lesinn upp einfaldlega sem „hnappur“ eða með skráarheitinu. Eyðublað þar sem ekki er hægt að bera kennsl á sendingarhnappinn er eyðublað sem sumir gestir geta ekki fyllt út af öryggi – bein hindrun fyrir fyrirspurnir, skráningar og kaup.
Ólíkt venjulegum myndum getur hnappur aldrei verið eingöngu skraut: hann gerir alltaf eitthvað og þarf því alltaf heiti.
Hvernig á að laga þetta
- Bættu við
alt-eiginleika sem lýsir aðgerðinni sem hnappurinn framkvæmir, til dæmis „Leita“ eða „Senda skilaboð“, eins og í dæminu hér að ofan. - Ekki skilja eiginleikann eftir tóman – tómt
alt=""felur heiti hnappsins án þess að fela hnappinn. - Að öðrum kosti skaltu skipta út myndhnappinum fyrir
<button>-einingu sem inniheldur raunverulegan texta. Það er einfaldara að stíla hana og hún er aðgengileg sjálfgefið.
Hvernig Silktide framkvæmir prófunina
- Finndu alla myndhnappa (
<input type="image">) á hverri síðu. - Sleppum hnöppum sem eru faldir fyrir skjálesurum.
- Tilkynnum um hvern hnapp þar sem
alt-eiginleikann vantar eða hann er tómur.
Fjallað er um hnappa þar sem alt-texti er til staðar en virðist ekki gagnlegur í sérstakri prófun, Alt-texti sendingarhnapps.