Merkingar reita

Silktide prófar hvort hver eyðublaðsreitur og hnappur á síðunum þínum hafi heiti sem hugbúnaður getur lesið. Fólk sem getur ekki séð eyðublaðið treystir á þessi heiti til að vita hvers er beðið um í hverjum reit.

Sjáandi gestur áttar sig á merkingu reits út frá textanum við hlið hans. Þessi sjónræna tenging hefur enga merkingu í kóða: heitið verður að vera tengt reitnum sjálfum, oftast með <label>-einingu í .

<!-- Vandamál: textinn lítur út eins og merking en er ekki tengdur reitnum -->
<p>Fullt nafn</p>
<input type="text">

Hvers vegna þetta skiptir máli

tilkynnir hvern reit með sínu þegar gesturinn fer í gegnum eyðublað. Reitur án heitis er tilkynntur einfaldlega sem „breyta texta“ – gesturinn þarf að giska á hvað á að skrifa út frá samhenginu, og í lengra eyðublaði verður það fljótt ómögulegt. Reitir án merkinga eru ein algengasta ástæða þess að ekki er hægt að fylla út eyðublað án sjónar, sem þýðir færri skráningar, pantanir og fyrirspurnir.

Hvernig á að laga þetta

Tengdu <label> við hvern reit, annaðhvort með tengdu auðkenni eða með því að vefja því utan um reitinn:

<!-- Tengt með auðkenni -->
<label for="name">Fullt nafn</label>
<input type="text" id="name">

<!-- Eða vafið utan um reitinn -->
<label>Fullt nafn <input type="text"></label>

Hnappar fá heiti af texta sínum eða value – ekki þarf label-einingu:

<button>Senda skilaboð</button>
<input type="submit" value="Senda skilaboð">

Þegar sýnileg merking er óhentug skaltu nota -eiginleika eins og aria-label eða aria-labelledby. Athugaðu að þetta hjálpar aðeins – sjáandi gestir sjá það ekki.

Ekki treysta á placeholder-texta sem merkingu: hann hverfur um leið og gesturinn byrjar að skrifa og er ekki alltaf túlkaður sem heiti.

Hvernig Silktide prófar þetta

Finnur eyðublaðsstýringar á hverri síðu: innsláttarreiti, textasvæði, fellilista og hnappa, ásamt einingum sem hafa fengið hlutverk eyðublaðsstýringar með ARIA (til dæmis role="button" eða role="checkbox").
Sleppir stýringum sem þurfa ekki heiti: földum innsláttarreitum, reitum sem þekktar græjur frá þriðju aðilum bæta við (til dæmis -þjónustur eða falin eyðublöð sem rakningar- og þýðingarskriftur bæta við fyrir eigin notkun), og einingum sem ARIA-hlutverk þeirra krefst ekki merkingar fyrir.
Ákvarðar aðgengilegt heiti hverrar stýringar út frá merkingu hennar, ARIA-eiginleikum, hnappatexta eða gildi.
Tilkynnir hverja stýringu sem hefur tómt aðgengilegt heiti.

Úrræðaleit

Reiturinn hefur texta við hliðina á sér

Texti í nágrenninu gefur reit ekki heiti nema hann sé tengdur í kóða – notaðu <label> með for-eiginleika eða vefðu merkingunni utan um reitinn.

Reiturinn er skreyting eða er stýrt af viðbót

Reiti sem græjur sem þú stjórnar ekki bæta við getur verið erfitt að laga beint. Athugaðu hvort viðbótin býður upp á aðgengisstillingu eða uppfærslu; ef reiturinn hefur í raun ekki áhrif á gesti geturðu niðurstöðuna.