Cosa controlla questa regola
Assicurati che ogni valore dell'attributo id utilizzato in ARIA e nelle etichette sia univoco.
Perché è importante
Etichette e descrizioni puntano agli elementi tramite id; i duplicati interrompono questo collegamento (WCAG 4.1.2).
Come correggerlo
- Dai a ogni elemento un id unico e aggiorna gli attributi che vi fanno riferimento (for, aria-labelledby, aria-describedby).
- Nelle sezioni Shopify, aggiungi {{ section.id }} agli id in modo che le sezioni ripetute restino uniche.
Come verificare la correzione
- Esegui di nuovo la scansione e verifica che la regola duplicate-id venga superata.
Come lo rileva FixReports
La nostra scansione esegue la regola axe-core duplicate-id-aria in un vero browser Chrome su ogni pagina che testa, e segnala ogni elemento non conforme con la sua pagina, il suo markup e, dove applicabile, uno screenshot.
Un test automatico conferma che questo specifico problema è presente. Non può dire se il resto della pagina è accessibile: alcune barriere emergono solo quando una persona controlla la pagina.