html - 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是无关的。

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

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

请参阅<button>规范。

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