Zduplikowane ID używane przez etykiety lub ARIA
Co to oznacza i dlaczego jest ważne
Gdy dwa elementy mają to samo ID, etykiety i opisy trafiają do niewłaściwego elementu (WCAG 4.1.2).
Jak naprawić
Zadbaj, by każde przywoływane ID było na stronie unikalne.
Przykład kodu
Przed
<label for="email">Email</label><input id="email">
<label for="email">Email (footer)</label><input id="email">Po
<label for="email">Email</label><input id="email">
<label for="email-footer">Email (footer)</label><input id="email-footer">Znajdź ten błąd na swojej stronie
Przetestuj za darmo dowolną stronę — wynik w kilka sekund, z instrukcjami naprawy.