Corregir «ID duplicado referenciado por ARIA» en HTML
Por qué es un problema
Si dos elementos comparten id, aria-labelledby o <label for> apuntan al primero: el campo recibe la etiqueta de otro.
Cómo corregirlo — HTML
Haga cada id único; en componentes reutilizados, genérelo por instancia (useId() en React).
<!-- Le même composant, rendu deux fois -->
<label for="email">E-mail de facturation</label>
<input id="email" type="email">
<label for="email">E-mail de contact</label>
<input id="email" type="email"><label for="email-facturation">E-mail de facturation</label>
<input id="email-facturation" type="email">
<label for="email-contact">E-mail de contact</label>
<input id="email-contact" type="email">Compruebe su sitio en 30 segundos
Conformly detecta este tipo de problema en todas sus páginas, de forma continua, y le avisa en cada regresión.
Escaneo gratis