什么是适合地图元素的WAI-ARIA角色属性

Yan*_*Tay 7 google-maps accessibility wai-aria

在我的网页中,我有一半是使用谷歌地图的地图显示.我aria-role应该向canvas显示地图的元素添加什么?我已经查看了WAI-ARIA文档中可能的角色定义,我找到的最接近的是widget.

什么是适合aria-role页面上的地图?

Ale*_*una 14

如果您使用谷歌地图,您应该使用,role="application"因为可以使用屏幕阅读器与地图进行交互,根据ARIA规范网站,应用程序角色适用于:

包含一个或多个需要用户输入的可聚焦元素的结构,例如键盘或手势事件,其不遵循由窗口小部件角色支持的标准交互模式.

对于那些不是盲目但视力低下并且实际上可以从地图中受益的用户来说尤其如此.

https://www.w3.org/TR/wai-aria/#application

  • 这在我的情况下效果最好<div tabindex ="0"id ="map"role ="application"aria-label ="地图与餐馆"> </ div> (6认同)