# ARIAssa ja nimiöissä käytettyjen id-arvojen on oltava yksilöllisiä

<https://www.fixreports.com/fi/issues/duplicate-id-aria>

WCAG 4.1.2 Nimi, rooli, arvo · Taso A

Useilla elementeillä on sama id, jota käytetään nimeämään tai kuvaamaan jotain, joten avustava teknologia voi lukea väärän nimiön.

## 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
### Millä tahansa sivustolla
1. Anna jokaiselle elementille yksilöllinen id ja päivitä siihen viittaavat attribuutit (for, aria-labelledby, aria-describedby).
2. Lisää Shopifyn osioissa id-arvoihin {{ section.id }}, jotta toistuvat osiot pysyvät yksilöllisinä.

### Shopifyssa
1. Anna jokaiselle elementille yksilöllinen id ja päivitä siihen viittaavat attribuutit (for, aria-labelledby, aria-describedby).
2. Lisää Shopifyn osioissa id-arvoihin {{ section.id }}, jotta toistuvat osiot pysyvät yksilöllisinä.

### WooCommercessa ja WordPressissä
1. Anna jokaiselle elementille yksilöllinen id ja päivitä siihen viittaavat attribuutit (for, aria-labelledby, aria-describedby).
2. 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.

## Lähteet
- axe-core-säännön dokumentaatio (Deque): https://dequeuniversity.com/rules/axe/4.13/duplicate-id-aria
- Understanding WCAG 4.1.2: kriteerin selitys (W3C): https://www.w3.org/WAI/WCAG22/Understanding/name-role-value