Ошибка маяка: «Кнопки не имеют доступного имени»

Question

Как исправить эту ошибку Lighthouse:

Кнопки не имеют доступного имени

<button class="search-button" type="submit" value="Search"></button>

Я новичок.

Answer 1

Я бы рекомендовал эту ссылку для справки.

https://developers.google.com/web/tools/lighthouse/audits/button-name

Предполагается, что кнопка должна иметь внутреннее текстовое содержимое или метку aria или aria-labelledBy.

<button class="search-button" type="submit">Search</button>

<button class="search-button" type="submit" aria-label="search"></button>

Я показал кнопку с внутренним текстом, а также кнопку с меткой арии.