Label in name

Silktide ber saman textann sem gestir geta séð á hnöppum og tenglum við heitið sem hjálpartækni notar fyrir sama stýringu. Þegar þetta tvennt fer ekki saman geta þeir sem stjórna vefsíðum með rödd ekki virkjað stýringuna með því að segja það sem þeir sjá.

Hvers vegna þetta skiptir máli

Notendur talgreiningar horfa á skjáinn og segja það sem þeir sjá: „smelltu á Senda“. Hugbúnaðurinn ber þessi orð saman við hverrar stýringar – heitið sem notar. Eigindi á borð við aria-label koma í staðinn fyrir það heiti, þannig að hnappur sem sýnir „Senda“ en er merktur aria-label="Submit" svarar aðeins skipuninni „smelltu á Submit“. Sýnilega orðið virkar þá ekki og notandinn hefur enga leið til að komast að því hvaða falið heiti hann átti að segja.

Misræmið ruglar einnig sem vinna með sjáandi samstarfsfólki, því þeir heyra annað heiti en sá sem stendur við hlið þeirra sér.

Þetta er -viðmið 2.5.3 (Label in Name), krafa á -stigi – hluti af grunnstigi samræmis.

Hvernig á að laga þetta

Fjarlægðu -yfirskriftina þegar hún bætir engu við: hnappur þar sem sýnilegi textinn segir nú þegar hvað hann gerir þarf ekkert aria-label.
Þegar yfirskriftin bætir við samhengi skaltu láta hana byrja á sýnilega textanum: aria-label="Read more about pricing" fyrir tengilinn „Read more“ tryggir að talaða skipunin virki.
Notaðu aldrei aria-label til að segja eitthvað annað en sýnilegi textinn.

<!-- Vandamál: segir „Send“ en svarar „Submit“ -->
<button aria-label="Submit">Send</button>

<!-- Lagfæring: sýnilegi textinn er hluti af aðgengilega heitinu -->
<button aria-label="Send message">Send</button>

<!-- Einfaldasta lagfæringin: engin yfirskrift -->
<button>Send</button>

Hvernig Silktide prófar þetta

Finndu sýnilega hnappa og tengla á hverri síðu, þar á meðal stök með ARIA-hlutverkið button eða link.
Prófaðu aðeins stýringar sem yfirskrifa heiti sitt með aria-label eða aria-labelledby – án yfirskriftar er sýnilegi textinn aðgengilega heitið og viðmiðið er sjálfkrafa uppfyllt.
Lestu sýnilega merkingu stýringarinnar: textainnihald hennar ásamt allra mynda innan hennar. Sleppið merkingum sem eru styttri en 2 stafir, sem og stýringum með tómt aðgengilegt heiti (sérstakt vandamál sem aðrar prófanir fjalla um).
Staðlaðu báða textana – breyttu í lágstafi, sameinaðu bil og fjarlægðu skrautgreinarmerki – og krefstu þess síðan að sýnilega merkingin komi fyrir í aðgengilega heitinu.
Fyrir kortalíka tengla sem innihalda fyrirsögn ásamt stuðningstexta skaltu samþykkja fyrirsögnina sem merkinguna í staðinn, þar sem það er textinn sem gestur myndi eðlilega segja.

Úrræðaleit

Aðgengilega heitið er lengra en sýnilegi textinn

Það er í lagi, svo lengi sem sýnilegi textinn kemur fyrir í því. WCAG mælir með því að aðgengilega heitið byrji á sýnilega textanum, en hvaða staðsetning sem er stenst þessa prófun.

Inntaksreitir eru ekki prófaðir

Textareitir og aðrir innsláttarreitir fá sýnilega merkingu sína frá <label>-staki í stað eigin texta, þannig að sérstakar merkingarprófanir ná yfir þá en ekki þessi prófun.