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

Question

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

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

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

Answer 1

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

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