Merking með title-eigind

Silktide framkvæmir prófun á hnöppum og tenglum á síðunum þínum til að finna stýringar sem reiða sig á title-eigindina til að útskýra hvað þær gera. Vafrar sýna title aðeins sem seinkaða verkfæraábendingu þegar músarbendill sveimar yfir einingunni, þannig að flestir sjá hana aldrei.

<!-- Vandamál: verkfæraábendingin er eina merkingin -->
<button title="Close"><svg>…</svg></button>

<!-- Lagfæring: gefðu stýringunni raunverulegt aðgengilegt heiti -->
<button aria-label="Close"><svg>…</svg></button>

Hvers vegna þetta skiptir máli

title-verkfæraábending birtist aðeins fyrir músarnotendur og aðeins eftir smá seinkun. Lyklaborðsnotendur, notendur snertiskjáa og farsíma og flestir notendur fá hana aldrei, þannig að stýring sem er aðeins merkt með title er dularfullur hnappur fyrir stóran hluta gesta þinna. Skjálesarar meðhöndla einnig title með ósamræmdum hætti — sumir lesa hana upp, aðrir hunsa hana — sem gerir hana óáreiðanlega jafnvel fyrir þá notendur sem hún á að þjóna.

Þegar stýring hefur bæði title og annað er vandamálið ósamræmi: músarnotandi sér eina lýsingu í stutta stund á meðan notandi hjálpartækni heyrir aðra, og munurinn eykst eftir því sem síðunni er viðhaldið.

Hvernig á að laga þetta

Gefðu stýringunni viðeigandi merkingu: sýnilegan texta þar sem það er mögulegt eða aria-label (eða aria-labelledby sem vísar á texta sem er þegar til staðar) fyrir stýringar sem eru eingöngu tákn.
Ef stýring hefur bæði title og aria-label sem eru ósammála skaltu velja gagnlegri orðalagið og nota það alls staðar. Venjulega er hreinlegasta lagfæringin að eyða title og láta aria-label bera lýsinguna.
Haltu title aðeins fyrir raunverulega viðbótarupplýsingar. Hún má aldrei vera eina leiðin til að komast að því hvað stýring gerir.

Hvernig Silktide framkvæmir prófunina

Finndu sýnilega hnappa, tengla og stýringar til að birta upplýsingar á hverri síðu, þar á meðal einingar með role="button" eða role="link".
Fyrir hverja stýringu með ekki-tómri title-eigind skaltu kanna hvort hún hafi einhverja aðra merkingu: sýnilegan texta, myndar, aria-label eða aria-labelledby.
Tilkynntu stýringar þar sem title-eigindin er eina merkingin.
Þegar stýring hefur bæði title og skýrt aria-label eða aria-labelledby skaltu bera þau saman og tilkynna um þau þegar þau segja í meginatriðum ólíka hluti. Ef annað lengir einfaldlega hitt (til dæmis title sem er „Search“ og heiti sem er „Search now“) er það ekki tilkynnt.

Eyðublöð eins og <input> og <select> eru ekki prófuð í þessari prófun; merking þeirra fellur undir merkingar á eyðublaðsstýringum.

Úrræðaleit

title-eigindin er nauðsynleg á iframe-einingum

Rétt — title á <iframe> er staðlaða leiðin til að gefa henni heiti og þessi prófun prófar ekki iframe-einingar. Hún prófar aðeins gagnvirkar stýringar eins og hnappa og tengla.

Verkfæraábendingin mín bætir við gagnlegum viðbótarupplýsingum

Það er réttmæt notkun, svo framarlega sem stýringin hefur einnig raunverulega merkingu. Þessi prófun tilkynnir aðeins um stýringar þar sem title er eina merkingin eða þar sem hún stangast á við aðgengilega heitið.