ID duplicados usados por etiquetas o ARIA

Mensaje que muestran axe y Lighthouse: Los 'IDs' usados en ARIA y en 'labels' deben ser únicos · duplicate-id-aria · WCAG 4.1.2

Qué significa y por qué importa

Cuando dos elementos comparten un ID, las etiquetas y descripciones acaban en el elemento equivocado (WCAG 4.1.2).

Cómo corregirlo

Haz que cada ID referenciado sea único en la página.

Ejemplo de código

Antes

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

Después

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

Todos los errores de accesibilidad