HTML 中按钮的正确属性

Question

对于 HTML 中的空按钮（没有文本），属性“aria-label”或“button”哪个更好？ 我将这个空标签和按钮用于 JS 中的节点。

是否有一些讨论认为可访问性会更好？

Answer 1

对于HTML中的空按钮，最好使用air-label属性。

这允许屏幕阅读器和辅助设备为有视觉障碍的用户提供按钮的描述。 "aria-label" ( <button id="siteSearch" aria-label="Find in this site">Go</button> ) 提供按钮的文本描述，而使用不带文本的button标签可能会让用户感到困惑有残疾。

https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/button_role#basic_buttons

请注意，正如其他帖子中指出的那样（ 带有带有 aria-label 标签的图标的按钮仍然是“空按钮”错误），建议不要在空白按钮中放置任何内容，而是保留“标准视图”，如下所示：

<button type="button" class="btn btn-default dropdown-toggle">
   <i class="fa fa-arrows">Sort</i>
</button>