Ошибка Lighthouse: «Кнопки не имеют доступного имени»
Как исправить эту ошибку маяка:
Buttons do not have an accessible name
<button class = "search-button" type = "submit" value = "Search"></button>
Я новичок.
Поделитесь, пожалуйста, примером разметки для одной из рассматриваемых кнопок.
<button class = "search-button" type = "submit" value = "Arama"></button>: выдает ошибку для
Ой, извините, я не видел, что комментарий выше был вашим. Я посмотрю, смогу ли я помочь.
Нет проблем, спасибо.... dequeuniversity.com/rules/axe/3.1/…
Ответы 1
Я бы рекомендовал эту ссылку для ознакомления.
https://developers.google.com/web/tools/lighthouse/audits/название кнопки
Предполагается, что кнопка должна иметь внутреннее текстовое содержимое или aria-label или aria-labelledBy.
<button class = "search-button" type = "submit">Search</button>
<button class = "search-button" type = "submit" aria-label = "search"></button>
Я показал кнопку с внутренним текстом, а также кнопку с меткой aria.
Да, я знаю это. Но я не знаю кодификации :)
Конечно, не могли бы вы задать еще один вопрос и связать его здесь?
«Предполагается, что кнопка должна иметь внутреннее текстовое содержимое и aria-label или aria-labelledBy». Ему нужен только внутренний текст или ария-метка, а не то и другое.
Атрибут aria-label должен работать
<button class = "search-button" type = "submit" value = "Search"></button>