Mitä tämä sääntö tarkistaa
Varmistaa, että jokainen ARIAssa ja nimiöissä käytetty id-attribuutin arvo on yksilöllinen.
Miksi sillä on merkitystä
Nimiöt ja kuvaukset viittaavat elementteihin id:n avulla; päällekkäiset id:t katkaisevat tämän yhteyden (WCAG 4.1.2).
Miten se korjataan
- Anna jokaiselle elementille yksilöllinen id ja päivitä siihen viittaavat attribuutit (for, aria-labelledby, aria-describedby).
- Lisää Shopifyn osioissa id-arvoihin {{ section.id }}, jotta toistuvat osiot pysyvät yksilöllisinä.
Miten korjaus tarkistetaan
- Skannaa uudelleen ja varmista, että sääntö duplicate-id läpäistään.
Miten FixReports löytää sen
Skannauksemme ajaa axe-core-säännön duplicate-id-aria oikeassa Chrome-selaimessa jokaisella testaamallaan sivulla ja raportoi jokaisen virheellisen elementin sekä sen sivun, merkintäkoodin ja tarvittaessa kuvakaappauksen.
Automaattinen testi vahvistaa, että juuri tämä ongelma on olemassa. Se ei voi kertoa, onko sivu muilta osin saavutettava: jotkin esteet tulevat esiin vasta, kun ihminen tarkistaa sivun.