# Identyfikatory stosowane w ARIA i etykietach muszą być unikalne

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

WCAG 4.1.2 Nazwa, rola, wartość · poziom A

Kilka elementów ma ten sam identyfikator (id), który służy do nadania etykiety lub opisu, więc technologie wspomagające mogą odczytać niewłaściwą etykietę.

## 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ć
### Na dowolnej stronie
1. Nadaj każdemu elementowi unikalny id i zaktualizuj atrybuty, które się do niego odwołują (for, aria-labelledby, aria-describedby).
2. W sekcjach Shopify dodaj {{ section.id }} do identyfikatorów, aby powtarzające się sekcje pozostały unikalne.

### W Shopify
1. Nadaj każdemu elementowi unikalny id i zaktualizuj atrybuty, które się do niego odwołują (for, aria-labelledby, aria-describedby).
2. W sekcjach Shopify dodaj {{ section.id }} do identyfikatorów, aby powtarzające się sekcje pozostały unikalne.

### W WooCommerce i WordPressie
1. Nadaj każdemu elementowi unikalny id i zaktualizuj atrybuty, które się do niego odwołują (for, aria-labelledby, aria-describedby).
2. 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.

## Źródła
- Dokumentacja reguły axe-core (Deque): https://dequeuniversity.com/rules/axe/4.13/duplicate-id-aria
- Objaśnienie kryterium WCAG 4.1.2 (W3C): https://www.w3.org/WAI/WCAG22/Understanding/name-role-value