有没有理由使用按钮元素而不是span元素?

时间:2014-06-07 13:58:28

标签: twitter-bootstrap twitter-bootstrap-3

我发现在Chrome中真的很烦人的是当你点击一个按钮时,它会在点击后保持焦点。这意味着在单击引导按钮后,它将保持深灰色(悬停/单击颜色)。

我认为这看起来不错,可能会让用户感到困惑,所以我只是尝试使用btn btn-default btn-xs类而不是使用按钮元素的span元素。它看起来工作正常,但是可以这样做,还是有任何理由我应该使用按钮元素?

1 个答案:

答案 0 :(得分:1)

我能想到的唯一问题是可访问性。我不知道屏幕阅读器如何将span标记解释为可点击的内容。也就是说,有可能用aria标记来标记它以使其更清晰。实际上,doc也规定了在锚标签上使用按钮类,但是如果你没有传递href,那么span标签可能会更有意义再假设,你可以将其标记为可访问性。

修改 这里的第一个例子描述了如何使用role =" button"在span标记内:

https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_button_role