带有 Google 地图 js api 的键盘可访问标记

Question

根据 WCAG 和第 508 节，网站上的所有信息必须只能使用键盘访问。

我有一个谷歌地图，上面有一些标记，可以打开一个带有专用信息的模式。

问题是带有 google maps js API 的标记对键盘是不可见的，并且不能使用 TAB 键聚焦。因此键盘用户无法访问标记后面的内容。

有没有办法解决这个问题？ 我在 API 文档中没有找到任何内容，也没有提到“关注”标记。

欢迎任何解决方案。

Answer 1

您可以使用自定义叠加来创建标记，而不是原生标记。

在这种情况下，当它是一个链接（或确实有一个tabIndex-property）时，覆盖层将是可访问的

Answer 2

Google 现在（几年后）支持标记的键盘导航 - https://developers.google.com/maps/documentation/javascript/examples/marker-accessibility。当前范围内的任何标记都可以通过箭头键访问，输入或空格键将打开信息窗口。