Unike ID-attributter

Hva er problemet?

HTML-standarden krever at id-attributtet er unikt for hele siden. Hvis to elementer har samme ID (id="min-knapp"), vet ikke nettleseren eller hjelpemidler hvilket element som menes.

Hvorfor er dette viktig?

• Skjema: label kobles til input via ID. Dupliserte ID-er kan gjøre at klikk på label fokuserer feil felt, eller at skjermleseren leser opp feil navn.
• ARIA: Attributter som aria-labelledby og aria-describedby bruker ID-er. Duplikater ødelegger disse koblingene.
• Interne lenker: Lenker til #seksjon vil bare hoppe til den første forekomsten.

Hvordan fikse det?

Søk gjennom koden din og sørg for at alle ID-er er unike.

<!-- FEIL: To elementer med samme ID -->
<button id="submit-btn">Send</button>
<!-- ... -->
<button id="submit-btn">Send (i footer)</button>

<!-- RIKTIG: Unike ID-er -->
<button id="submit-btn-main">Send</button>
<!-- ... -->
<button id="submit-btn-footer">Send</button>