ID duplicati usati da etichette o ARIA

Messaggio mostrato da axe e Lighthouse: Gli ID utilizzati in ARIA e nelle etichette devono essere univoci · duplicate-id-aria · WCAG 4.1.2

Cosa significa e perché è importante

Quando due elementi condividono un ID, etichette e descrizioni finiscono sull’elemento sbagliato (WCAG 4.1.2).

Come correggere

Rendi univoco ogni ID referenziato nella pagina.

Esempio di codice

Prima

<label for="email">Email</label><input id="email">
<label for="email">Email (footer)</label><input id="email">

Dopo

<label for="email">Email</label><input id="email">
<label for="email-footer">Email (footer)</label><input id="email-footer">

Tutti gli errori di accessibilità