共享此可访问性问题-如何添加键盘支持



我正在处理一个现有的项目,并对可访问性支持进行了一些修复。我的辅助功能列表中的一个项目引用了ShareThis社交按钮。由于某些原因,它不支持从键盘进行导航。我已经将"tabindex=0"属性添加到所有社交图标<span>元素中。所以现在我可以导航了,但我不能通过点击"输入"来激活它。我真的需要为所有这些按钮编写自己的JS函数吗?也许有人以前为ShareThis编写的可访问性解决方案?

您添加的tabindex属性将使span可以通过键盘聚焦,但不支持Enter事件。您需要在JavaScript中为Enter添加侦听器。或者,您可以将跨度切换为链接或按钮——这些链接或按钮具有本地键盘支持,因此不需要额外的JavaScript。

最新更新