Cysylltiadau tag unigryw

Mae Silktide yn gwirio tagiau ffurflenni sy'n enwi eu maes gan ddefnyddio ID, ac yn adrodd am dagiau sy'n rhannu'r un ID â thag arall. Dylai fod gan bob maes yn union un tag sy'n pwyntio ato, fel y caiff ei gyhoeddi yn yr un ffordd bob amser.

Yn , caiff <label> ei gysylltu â'i faes ffurflen drwy osod priodoledd for y tag i id y maes. Pan fydd dau dag neu fwy yn defnyddio'r un gwerth for, maent i gyd yn hawlio'r un maes - fel arfer oherwydd i ffurflen gael ei chopïo a'i gludo ac na chafodd yr IDau eu diweddaru erioed.

<!-- Problem: mae'r ddau dag yn pwyntio at id="name" -->
<label for="name">Eich enw</label>
<input id="name">

<label for="name">Enw'r cwmni</label>
<input id="company">

Pam mae hyn yn bwysig

Mae'n rhaid i ddewis pa dag i'w gyhoeddi ar gyfer y maes, ac mae gwahanol yn dewis yn wahanol - mae rhai'n darllen y cyntaf, ac mae rhai'n darllen y ddau. Yn y cyfamser, nid oes gan y maes y bwriadwyd yr ail dag ar ei gyfer dag o gwbl, felly caiff ei gyhoeddi fel maes dienw. Mae clicio ar dag hefyd yn rhoi'r ffocws ar ei faes, felly gall ymwelydd sy'n clicio ar "Enw'r cwmni" ganfod ei fod yn teipio yn y blwch anghywir.

Sut i'w drwsio

Rhowch ei id unigryw ei hun i bob maes ffurflen.
Pwyntiwch briodoledd for pob tag at ID yr un maes y mae'n ei ddisgrifio:

<!-- Wedi'i drwsio: mae pob tag yn pwyntio at ei faes ei hun -->
<label for="name">Eich enw</label>
<input id="name">

<label for="company">Enw'r cwmni</label>
<input id="company">

Os yw sawl darn o destun yn disgrifio un maes mewn gwirionedd, cadwch un <label> a chysylltwch y testun ychwanegol â aria-describedby yn lle ail dag.

Sut mae Silktide yn profi hyn

Canfyddwch bob elfen <label> sydd â phriodoledd for ar bob tudalen.
Grwpiwch y tagiau yn ôl eu gwerth for.
Pan fydd dau dag neu fwy yn rhannu'r un gwerth, adroddwch am bob tag yn y grŵp.

Datrys problemau

Mae'r tagiau mewn ffurflenni ar wahân

Rhaid i IDau fod yn unigryw ar draws y dudalen gyfan, nid dim ond o fewn un ffurflen. Mae dwy ffurflen sydd ill dwy'n cynnwys <label for="email"> ar yr un dudalen yn dal i wrthdaro - ailenwch yr IDau fel eu bod yn wahanol, er enghraifft signup-email a newsletter-email.