为什么必须将图像包装在按钮中？
<button>
<img/>
</button>
不仅使图像可点击，而且还将其包装在按钮中是一种好的做法吗？
按钮设计用于交互式控件，图像不是。
屏幕阅读器会将<button>宣布为按钮，以便用户知道他们可以单击它。
使用非指针设备(例如在文档中按 Tab 键或(再次(使用屏幕阅读器(进行导航的用户会遇到<button>但会跳过<img>。
仅在图像上拍打单击事件处理程序会产生主要的可访问性问题。
同意上面的屏幕阅读器点。不会是最好的做法。
您可以使用 JS 单击事件使图像可单击，并使用 css 光标属性作为指针使图像在鼠标悬停时显示为可单击。此外，向图像添加可选文字，以便在屏幕阅读器上将其标识为图像。
希望这能有所帮助。