Все квизы
Код-ревьюUI/UX-дизайнПродвинутый

Доступная HTML-разметка

Проведи ревью HTML-компонентов: сохрани нативную клавиатурную семантику, свяжи поля с видимыми подписями, опиши значимое изображение и сделай текст ошибки доступным для скринридера.

Вопрос 1 из 4Один правильный ответ

Код-ревью

Элемент сохранения должен получать фокус клавишей Tab и срабатывать по Enter и Space без отдельного клавиатурного обработчика. Мышью действие запускается, но с клавиатуры — нет. Как исправить разметку?

<!doctype html>
<html lang="ru">
  <body>
    <div class="save" onclick="save()">Сохранить</div>
    <script>
      function save() {
        document.body.dataset.saved = "true";
      }
    </script>
  </body>
</html>
Выбери один ответ