Метки форм

Почему это важно

Screen readers announce a form field by its label. Without one, visitors hear only ‘edit text’ and cannot tell what to type. Placeholder text is not a substitute because it disappears while typing. This is WCAG success criteria 1.3.1 and 4.1.2.

Как исправить

1. Add a <label for="field-id"> to every input, select and textarea.
2. If the design has no visible label, use a visually hidden label or aria-label.
3. Keep placeholders for examples, not instructions.

Балл: пройденная проверка получает полный вес, предупреждение — половину, ошибка — ничего. Как рассчитывается SEO-балл

Проверить страницу Все проверки