Qué revisa 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
- Dale a cada elemento un id único y actualiza los atributos que lo referencian (for, aria-labelledby, aria-describedby).
- En las secciones de Shopify, agrega {{ 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 aprueba.
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, y reporta cada elemento que no la cumple con su página, su marcado y, cuando aplica, una captura de pantalla.
Una prueba automatizada confirma que este problema específico está presente. No puede determinar si el resto de la página es accesible: algunas barreras solo aparecen cuando una persona revisa la página.