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

Keyboard accessible markers with Google maps js api

根据 WCAG 和第 508 节,网站上的所有信息必须仅使用键盘即可访问。

我有一张 google 地图,上面有一些标记,可以打开带有专用信息的模式。

问题是带有 google 地图 js API 的标记对键盘不可见,并且无法使用 TAB 键聚焦。所以键盘用户无法访问标记后面的内容。

有办法解决这个问题吗? 我没有在 API 文档中找到任何内容,也没有提到标记上的 "focus"。

欢迎任何解决方案。

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

在这种情况下,叠加层在 link(或确实具有 tabIndex-属性)

时可以访问

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