Co sprawdza ta reguła
Każdy atrybut id używany w ARIA i w etykietach jest unikalny.
Dlaczego to ważne
Etykiety i opisy wskazują elementy przez id; duplikaty zrywają to powiązanie (WCAG 4.1.2).
Jak to naprawić
- Nadaj każdemu elementowi unikalny id i zaktualizuj atrybuty, które się do niego odwołują (for, aria-labelledby, aria-describedby).
- W sekcjach Shopify dodaj {{ section.id }} do identyfikatorów, aby powtarzające się sekcje pozostały unikalne.
Jak sprawdzić poprawkę
- Przeskanuj ponownie i potwierdź, że reguła duplicate-id jest spełniona.
Jak FixReports to wykrywa
Nasz skan uruchamia regułę axe-core duplicate-id-aria w prawdziwej przeglądarce Chrome na każdej testowanej stronie i zgłasza każdy błędny element wraz z podstroną, jego kodem HTML i, tam gdzie ma to zastosowanie, zrzutem ekranu.
Test automatyczny potwierdza, że ten konkretny problem występuje. Nie rozstrzyga, czy reszta strony jest dostępna: niektóre bariery wychodzą na jaw dopiero wtedy, gdy stronę sprawdzi człowiek.