Einstök tengsl merkimiða

Silktide framkvæmir prófun á merkimiðum eyðublaða sem nefna reitinn sinn með auðkenni og tilkynnir um merkimiða sem deila sama auðkenni með öðrum merkimiða. Hvert svæði ætti að hafa nákvæmlega einn merkimiða sem vísar á það, svo það sé alltaf tilkynnt á sama hátt.

Í er <label> tengt við reit eyðublaðs með því að setja for-eigindi merkimiðans á sama gildi og id-eigindi reitsins. Þegar tveir eða fleiri merkimiðar nota sama for-gildi gera þeir allir tilkall til sama reitsins – yfirleitt vegna þess að eyðublað var afritað og auðkennunum var aldrei breytt.

<!-- Vandamál: báðir merkimiðarnir vísa á id="name" -->
<label for="name">Nafnið þitt</label>
<input id="name">

<label for="name">Nafn fyrirtækis</label>
<input id="company">

Hvers vegna þetta skiptir máli

þarf að velja hvaða merkimiða á að tilkynna fyrir reitinn og mismunandi velja á mismunandi hátt – sumir lesa þann fyrsta en aðrir lesa þá báða. Á meðan stendur reiturinn sem seinni merkimiðinn átti við um alveg án merkimiða og er því tilkynntur sem ónefndur reitur. Þegar smellt er á merkimiða fær reitur hans einnig fókus, þannig að gestur sem smellir á „Nafn fyrirtækis“ gæti byrjað að slá inn í rangan reit.

Hvernig á að laga þetta

Gefðu hverjum reit eyðublaðs sitt eigið einstaka id.
Láttu for-eigindi hvers merkimiða vísa á auðkenni þess eina reits sem hann lýsir:

<!-- Lagfært: hver merkimiði vísar á sinn eigin reit -->
<label for="name">Nafnið þitt</label>
<input id="name">

<label for="company">Nafn fyrirtækis</label>
<input id="company">

Ef nokkrir textabútar lýsa í raun einum reit skaltu halda einum <label> og tengja aukatextann með aria-describedby í stað annars merkimiða.

Hvernig Silktide prófar þetta

Finna öll <label>-stök með for-eigindi á hverri síðu.
Flokka merkimiðana eftir for-gildi þeirra.
Þar sem tveir eða fleiri merkimiðar deila sama gildi er tilkynnt um alla merkimiðana í hópnum.

Úrræðaleit

Merkimiðarnir eru í aðskildum eyðublöðum

Auðkenni verða að vera einstök á allri síðunni, ekki aðeins innan eins eyðublaðs. Tvö eyðublöð sem bæði innihalda <label for="email"> á sömu síðu valda samt árekstri – endurnefndu auðkennin svo þau séu ólík, til dæmis signup-email og newsletter-email.