IDau dyblyg

Mae Silktide yn dod o hyd i dudalennau lle defnyddir yr un gwerth id ar fwy nag un element. Rhaid i IDau fod yn unigryw o fewn tudalen, oherwydd dim ond un o'r dyblygiadau y gall unrhyw beth sy'n cyfeirio at ID — labeli ffurflenni, perthnasoedd ARIA, dolenni o fewn tudalen — ddod o hyd iddo.

<!-- Mae'r ddau fewnbwn yn rhannu id="name": pa faes mae pob label yn ei ddisgrifio? -->
<label for="name">Eich enw</label>
<input id="name">

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

Pam mae hyn yn bwysig

Mae technoleg gynorthwyol yn dibynnu ar gyfeiriadau ID i gysylltu elfennau cysylltiedig. Pan fo IDau'n cael eu dyblygu, gall darllenydd sgrin darllen y label anghywir ar gyfer maes ffurflen, neu ddim label o gwbl — yn yr enghraifft uchod, gall y ddau faes gael eu cyhoeddi fel "Eich enw", felly mae'r defnyddiwr yn teipio ei enw i'r blwch cwmni. Mae'r un methiant yn effeithio ar briodoleddau ARIA fel aria-labelledby ac aria-describedby, a dolenni o fewn tudalen sy'n neidio i #id.

Sut i'w drwsio

1. Ailenwch y dyblygiadau fel bod pob id ar y dudalen yn unigryw, a diweddarwch unrhyw beth a gyfeiriodd atynt (priodoleddau for, priodoleddau ARIA, dolenni).
2. Os daw'r dyblygiadau o gydran sy'n cael ei hailadrodd — templed a gaiff ei greu sawl gwaith fesul tudalen — trwsiwch y templed i gynhyrchu IDau unigryw, neu defnyddiwch ddosbarthiadau yn lle IDau ar gyfer bachau steilio nad oes angen cyfeirio atynt.
3. Os yw dyblygiad a farciwyd yn wirioneddol ddiniwed yn eich cyd-destun, gallwch anwybyddu'r canfyddiad.

Sut mae Silktide yn profi hyn

1. Dewch o hyd i bob elfen ar y dudalen sydd â phriodwedd id. Caiff elfennau y tu mewn i graffeg SVG eu hepgor, gan fod eu IDau'n bodoli mewn cyd-destun ar wahân.
2. Grwpiwch elfennau yn ôl eu gwerth id.
3. Pan fydd mwy nag un elfen yn rhannu'r un id, marciwch bob un ohonynt.

Dysgwch ragor

• Understanding Success Criterion 4.1.1: Parsing (WCAG 2.1)
• H93: Ensuring that id attributes are unique on a Web page (WCAG technique)
• id (MDN)