根据 WCAG 和第 508 节,网站上的所有信息必须只能使用键盘访问。
我有一个谷歌地图,上面有一些标记,可以打开一个带有专用信息的模式。
问题是带有 google maps js API 的标记对键盘是不可见的,并且不能使用 TAB 键聚焦。因此键盘用户无法访问标记后面的内容。
有没有解决的办法 ?我在 API 文档中没有找到任何内容,也没有提到标记上的“焦点”。
欢迎任何解决方案。
根据 WCAG 和第 508 节,网站上的所有信息必须只能使用键盘访问。
我有一个谷歌地图,上面有一些标记,可以打开一个带有专用信息的模式。
问题是带有 google maps js API 的标记对键盘是不可见的,并且不能使用 TAB 键聚焦。因此键盘用户无法访问标记后面的内容。
有没有解决的办法 ?我在 API 文档中没有找到任何内容,也没有提到标记上的“焦点”。
欢迎任何解决方案。
您可以使用自定义覆盖来创建标记,而不是原生标记。
在这种情况下,当它是链接(或确实具有tabIndex
-property)时,可以访问覆盖
谷歌现在(几年后)支持标记的键盘导航 - https://developers.google.com/maps/documentation/javascript/examples/marker-accessibility。当前范围内的任何标记都可以通过箭头键访问,输入或空格键将打开信息窗口。