我正在开发一个现有项目,并为可访问性支持做了一些修复。我的辅助功能列表中的一个项目是指ShareThis社交按钮。由于某种原因,它不支持键盘导航。我已将"tabindex=0"
属性添加到所有社交图标<span>
元素中。所以现在我可以导航,但是我无法通过单击“Enter”激活它。我是否真的需要为所有这些按钮编写自己的JS函数?也许有人之前为ShareThis写过可访问性解决方案?
答案 0 :(得分:1)
您添加的tabindex属性将使键盘可以聚焦,但不提供对Enter事件的任何支持。您需要在JavaScript中为Enter添加侦听器。或者,您可以将跨度切换到链接或按钮 - 这些具有本机键盘支持,因此不需要额外的JavaScript。