按钮没有可访问的名称

当按钮没有可访问的名称时，屏幕阅读器和其他辅助技术会将其声明为按钮 ，这样就不会向用户提供按钮功能的信息。

Lighthouse 按钮名称审计失败的原因 #

Lighthouse 会标记出缺少文本内容或 aria-label 属性的按钮：

如何为按钮添加可访问的名称 #

对于带有可见标签的按钮，请将文本内容添加到 button 元素中。使标签成为明确的调用操作。例如：

<button>Book room</button>

对于没有可见标签的按钮，比如图标按钮，请使用 aria-label 属性向使用辅助技术的用户清楚地描述操作，例如：

另请参阅标签按钮和链接。

资源 #

• 按钮没有可访问的名称审计源代码
• 按钮必须有可辨别的文字（德克大学）