带有aria-label的按钮：
<button type="button" class="btn btn-default dropdown-toggle"
aria-expanded="false"
aria-label="Sort">
<i class="fa fa-arrows"></i>
</button>
仍被 WAVE 识别为辅助功能错误（"空按钮"）。有什么想法吗？
较旧的屏幕阅读器/浏览器不使用 ARIA。使用视觉隐藏的文本是一种更强大的方法，如上面评论中 CBroe 留下的链接。
可以将title属性与aria-label属性一起添加。
不要试图隐藏文本只是为了满足WAVE工具栏，不使用屏幕阅读器的人无法阅读，并且辅助功能不仅仅关注盲人。
不要删除 aria-label 属性，因为屏幕阅读器并不总是读取 title 属性。
但是，这可能看起来有点幼稚，但您可以考虑在不隐藏的情况下编写全文。
<button type="button" class="btn btn-default dropdown-toggle">
<i class="fa fa-arrows">Sort</i>
</button>
这是视觉上最好的事情，每个人都可以完全访问，不需要"标准"用户执行任何操作来查看按钮在小工具提示中的功能。
aria-label是一种非常广泛支持的方法，用于向已具有屏幕阅读器可见标签的按钮添加辅助名称。一种稍微广泛支持的技术是使用 title 属性而不是 aria-label 。这将确保与Dragon自然说话的兼容性 - 它很好地支持了标题。注意：这假设存在可见标签 - 这对于输入字段等内容很重要（并且经常被忽略）。
如果您想要更新的可访问性检查器，请使用我工作的公司（Deque Systems）的aXe扩展。这是Chrome aXe扩展程序和Firefox aXe扩展程序
你可以这样使用
<button type="button"><span class="icon-remove"></span><span class="sr-only">Close</span></button>
做
.sr-only{display： none}