Lighthouse 错误：“按钮没有可访问的名称”

Question

如何修复此灯塔错误：

按钮没有可访问的名称

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

我是初学者。

Answer 1

我会推荐这个链接以供参考。

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 的按钮。