aria-label 需要 type=button 吗？

Question

我读到按钮类型的隐含值是submit。为了制作 UI 按钮，我还读到我们需要指定 type=button 属性。

例如：

<button type="button">Click me</button>

但是，我将此示例视为可访问按钮：

<button aria-label="undo">&#xE000;</button>

我注意到它没有type=button 属性。

如果在按钮上定义了aria-label，是否暗示该按钮属于type=button？

如果不是，上面的例子（撤消按钮）是否不正确？

Answer 1

type 和 aria-label 不相关。

如果您没有在<button> 上指定type，则默认类型为submit。如果您的按钮包含在 <form> 中，则该按钮的 onclick() 将运行并提交表单。

如果您的类型是button，则不会提交表单。只有按钮的 onclick() 会运行。

请参阅<button> 规范。

第二个示例有aria-label 的原因是按钮上没有可见文本。使用图标字体（如图像），为了让屏幕阅读器知道要为按钮宣布什么，指定了aria-label。