html - 如何使仅包含图像的按钮可访问？

Question

我有一个<img>，当点击时应该执行一个动作，所以我把它包装在这样的里面<button>：

<button>
    <img src="" alt="Cat">
</button>

关于可访问性，可访问性树中的按钮应具有与其关联的角色和标签。该角色是使用<button>标签完成的，通常，按钮的标签是它在开始和结束标签内的内容，但在我们的例子中只有一个图像。

那么在这种情况下如何使按钮可访问？alt属性够吗？

Answer 1

关于可访问性，按钮应该具有角色和标签。

role如果元素的默认语义不给它一个，你应该只提供一个。A<button>是提交按钮。role如果您为此使用它，则不需要 a 。

同样，label只有在没有内在变量时才应提供 a 。a<button>标签的内容，并且你的<img>元素有一个alt属性。

那么在这种情况下如何使按钮可访问？'alt' 属性是否足够？

是的。