Верстка · Senior · Запитання 67 з 75
Як правильно пов'язати повідомлення про помилку з полем введення?
<input id="email" aria-invalid="true" aria-describedby="email-error" />
<p id="email-error">Enter a valid email</p>- ✓Правильна відповідь: Позначити поле
aria-invalidі вказати на повідомлення черезaria-describedby - 2Помістити повідомлення в
placeholder - 3Лише пофарбувати рамку в червоний
Пояснення
Тоді скринрідери зачитують помилку під час фокуса на полі. Сам лише колір не проходить WCAG для користувачів, які його не розрізняють.