Ідентифікатори, що використовуються в ARIA та мітках, повинні бути унікальними

Значення id, які використовуються в ARIA та labels, повинні бути унікальними.

Проблема

Якщо два елементи мають однаковий id, aria-labelledby або for зв'яжеться лише з першим.

Як виправити

<!-- ❌ Неправильно: дублікат id -->
<label for="name">Ім'я</label>
<div id="name">Декоративний блок</div>
<input id="name">

<!-- ✅ Правильно -->
<label for="user-name">Ім'я</label>
<input id="user-name">