Академія
Правило доступності · form-field-multiple-labels

Поле форми не повинно мати кілька елементів label

ПомірнийWCAG 2.1 (A), WCAG 2.0 (A), WCAG 2.2 (A), Trusted Tester, EN 301 549, RGAA
Впливає на:BlindLow VisionDeafblindMobility

Переконайтеся, що поле форми не має кількох елементів <label>.

Проблема

Кілька підписів для одного поля можуть заплутати допоміжні технології — деякі скрінрідери прочитають лише перший.

Як виправити

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

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

<!-- ✅ Якщо потрібен додатковий опис -->
<label for="name">Ім'я</label>
<input id="name" aria-describedby="name-hint">
<span id="name-hint">Введіть ваше повне ім'я</span>
Ресурси · Зовнішні посилання
Безкоштовна перевірка

Перевірте свій сайт

Дізнайтеся, чи є це порушення на вашому ресурсі

Безкоштовний аудит