Qué comprueba esta regla
Garantiza que cada valor del atributo id usado en ARIA y en 'labels' es único.
Por qué es importante
Las etiquetas y las descripciones apuntan a los elementos por su id; los duplicados rompen ese vínculo (WCAG 4.1.2).
Cómo corregirlo
- Da a cada elemento un id único y actualiza los atributos que hacen referencia a él (for, aria-labelledby, aria-describedby).
- En las secciones de Shopify, añade {{ section.id }} a los id para que las secciones repetidas sigan siendo únicas.
Cómo comprobar la corrección
- Vuelve a analizar y confirma que la regla duplicate-id se supera.
Cómo lo detecta FixReports
Nuestro análisis ejecuta la regla duplicate-id-aria de axe-core en un navegador Chrome real en cada página que prueba, e informa de cada elemento que no la cumple con su página, su marcado y, cuando procede, una captura de pantalla.
Una prueba automatizada confirma que este problema concreto está presente. No puede determinar si el resto de la página es accesible: algunas barreras solo se detectan cuando una persona revisa la página.