Начало › База знаний › Критерий 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

Общая информация по имеющимся знаниям, не юридическая консультация. По отдельному случаю обратитесь в адвокатское бюро, специализирующееся на ИТ-праве.