按钮必须有可辨识的文本

此规则检查什么

确保按钮有可辨识的文本.

为什么重要

WCAG 4.1.2 要求每个控件都有名称。缺少名称的按钮通常包括数量增减按钮、关闭按钮和轮播箭头。

如何修复

1. 找到没有名称的按钮，通常是只显示图标的按钮。
2. 添加可见文字、视觉上隐藏的文字，或说明按钮作用的 aria-label（例如 aria-label="Close" 或 aria-label="Increase quantity"）。

如何检查修复效果

• 重新扫描受影响的页面。
• 用屏幕阅读器检查这些按钮。

FixReports 如何发现此问题

我们的扫描会在真实的 Chrome 浏览器中，对所测的每个页面运行 axe-core 规则 button-name，并报告每个未通过的元素及其所在页面、标记代码，以及适用时的截图。

自动化测试可以确认这个具体问题确实存在，但无法判断页面的其余部分是否无障碍：有些障碍只有在人工检查页面时才会显现。