Lighthouse error: "Buttons do not have an accessible name"

Question

如何修复此 Lighthouse 错误：

Buttons do not have an accessible name

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

我是初学者。

Answer 1

我会推荐这个 link 以供参考。

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

建议按钮应该有内部文本内容或aria-label或aria-labelledBy。

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

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

我展示了一个带有内部文本的按钮以及一个带有 aria-label 的按钮。