html - 灯塔错误 : "Buttons do not have an accessible name"

标签 html accessibility htmlbutton

如何修复此灯塔错误:

Buttons do not have an accessible name



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

我是初学者。

最佳答案

我会推荐这个链接以供引用。

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

关于html - 灯塔错误 : "Buttons do not have an accessible name",我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56082381/

相关文章:

javascript - Chart.js Canvas 和图表宽度在重绘时被覆盖

javascript - 自动拖放文件上传

accessibility - IAccessible、IAccessible2、UIAutomation 和 MSAA 之间有什么区别?

html - 带有标有 aria-label 的图标的按钮仍然是 'Empty Button' 错误

javascript - 单击更改按钮颜色

javascript - onclick按钮更改textarea中的默认文本

c# - ASP.NET WebForms 中的字符串与控件

html - 当 ol 元素具有角色时,可访问性审核失败

css - 高对比度,低视觉样式表的示例?