Login 谷歌社交登录按钮的可访问性

这里有一个蓝色的谷歌社交登录按钮

这就是你所看到的鼠标点击

如何通过回车键使其可点击

添加tabindex是使用Tab按钮应用焦点的一个选项。同时，回车键仍然无法单击它

有什么想法吗？

---

谢谢。

答案很简单：使用按钮标签而不是div标签。本机HTML按钮在可访问性和可用性方面的优势如下：

• 可通过回车键或空格键激活聚焦按钮。浏览器会自动触发附加到按钮的单击事件处理程序。无需通过JavaScript附加keyup事件处理程序
• 按钮标签本身具有ARIA角色“button”，因此为屏幕阅读器用户提供有价值的语义信息
• 您可以通过CSS自由设置按钮样式。有关示例，请参见

您可以轻松地进行调整，使其易于访问。只需将id为“customBtn”的元素从div更改为按钮（参见屏幕截图）。当click事件处理程序附加到此元素时（请参见示例中的auth2.attachClickHandler方法），按钮将通过enter键和空格键变得可操作