F

6. Доступная форма регистрации

Средне
a11yformaria

Создайте HTML-форму регистрации с правильными атрибутами доступности: label, aria, required, autocomplete.

Каждый способ должен быть реализован независимо в своём контейнере:

  1. Каждое поле ввода связано с <label> через for/id
  2. Все обязательные поля имеют required и aria-required
  3. Поля email и password имеют правильные type
  4. Поле пароля имеет minlength="8"
  5. Указаны правильные значения autocomplete
  6. Есть чекбокс согласия с условиями

Создайте форму регистрации с полями: - Имя пользователя (текст, обязательное) - Email (email, обязательное) - Пароль (password, обязательное, минимум 8 символов) - Подтверждение пароля (password, обязательное) - Согласие с условиями (checkbox, обязательное) - Кнопка "Зарегистрироваться" Каждое поле должно иметь связанный <label>, правильный type и autocomplete. Обязательные поля должны иметь атрибут required и aria-required="true".

Примеры

Пример 7
Вход:
HTML-код формы регистрации
Ожидаемый результат:

Все поля связаны с label, имеют required, aria-required и правильный autocomplete

Подсказка:

Правильные атрибуты доступности делают форму удобной для скринридеров и автозаполнения

Ограничения

  • Не использовать JavaScript
  • Не использовать placeholder вместо label
0% принято
0 решений