Предупреждение Chrome Lighthouse: «Элементы формы не имеют связанных меток» (но они имеют метку) - PullRequest
Новая
       11

Предупреждение Chrome Lighthouse: «Элементы формы не имеют связанных меток» (но они имеют метку)

0 голосов
/ 19 декабря 2018

Я, должно быть, упускаю что-то очевидное - почему эта страница не проверяется в ревизии Google Chrome (Lighthouse)? 

<!doctype html>
<html lang="en">
<head>
<title>Label Test</title>
</head>
<body>

<form action="form.php" method="post">

<label>
<input name="phrase" id="phrase" type="text">
</label>

</form>

</body>
</html>

В ней говорится, что:

"Элементы формыне имеют связанных ярлыков. "Неудачные элементы: 

<input name="phrase" id="phrase" type="text">

(Я пытался использовать <label for="phrase", но все равно не получилось.

1 Ответ

0 голосов
/ 04 апреля 2019

Я думаю, что Lighthouse жалуется, потому что в вашем теге ярлыка нет содержимого, в нем отсутствует фактический текст ярлыка.

Настройка разметки для включения описания элемента формы позволит странице получить оценку100 для доступности. 

<!doctype html>
<html lang="en">
  <head>
    <title>Label Test</title>
  </head>
  <body>

    <form action="form.php" method="post">

      <label>
        field label text
        <input name="phrase" id="phrase" type="text">
      </label>

    </form>

  </body>
</html>

Для получения дополнительной информации см. Учебное руководство по доступности веб-страниц W3 для маркировки элементов управления .

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Похожие темы

...