我是否需要用 <button> 包裹一个 <svg> 以表明它是一个按钮？答案

【问题标题】：Do I need do wrap an <svg> with <button> to indicate it is a button?我是否需要用 <button> 包裹一个 <svg> 以表明它是一个按钮？
【发布时间】：2016-08-22 11:26:50
【问题描述】：

所以基本上我有以下标记：

<button type="button"> <svg class="search"> ... </svg> </button>

SVG 本身并不表示它是可点击的元素，但按钮却可以。因此，对于屏幕阅读器（或盲人）来说，这可能是一种改进。我说的对吗？

【问题讨论】：

“表明它是一个按钮”给谁？不清楚你在问什么。您可以向 SVG 添加点击事件处理程序，使其像按钮一样，但我不知道这是否回答了您的问题。
谢谢，我的问题更清楚了。

标签： html button svg structured-data

【解决方案1】：

没有理由不能将 SVG 放入 <button> 元素中。或者您可以添加属性role="button" 告诉屏幕阅读器它是一个按钮。

<svg class="search" role="button">...</svg>

【讨论】：