Початок › База знань › Критерій WCAG

Підписи полів форм за WCAG

Кожне поле форми має мати програмно пов’язаний підпис, щоб користувачі зчитувачів екрана знали, що заповнювати, а клацання по підпису фокусувало поле.

Правильний спосіб

<label for="email">Ел. пошта</label><input id="email"> — або вкладіть поле в <label>. aria-label / aria-labelledby лише коли видимий підпис неможливий.

Чому placeholder недостатньо

Placeholder зникає під час введення, часто має надто низький контраст і не розпізнається деякими зчитувачами екрана як підпис.

Повідомлення про помилки

Пов’яжіть помилку з полем (aria-describedby) і сформулюйте текст конкретно («Введіть дійсну ел. пошту», а не «Помилка»).

Як допомагає a11yglass

Безкоштовне сканування перевіряє наданий HTML і CSS на порушення WCAG, які можна розпізнати автоматично, і називає до кожного висновку критерій успіху та конкретний крок. Воно виявляє приблизно 20–35% проблем і не замінює повної оцінки.

Читати далі

• Alt-тексти за WCAG 1.1.1
• Керування з клавіатури за WCAG 2.1.1
• Видимий фокус за WCAG 2.4.7

Загальна інформація за наявними знаннями, не юридична консультація. Для окремого випадку зверніться до адвокатського бюро, що спеціалізується на ІТ-праві.