正确使用 Google 地图的 ARIA 角色

Question

我应该为 Google 地图应用程序使用哪个正确的 ARIA 角色？

<section id="map-container">
    <div id="map" role="map"></div>

<main id="maincontent">
    <section id="map-container">
      <div id="map"></div>

Answer 1

地图的可访问性可能具有挑战性。这取决于您的地图的用途。我今天早上刚读了这篇关于制作可访问的 google 地图的博客 - https://equalentry.com/accessible-maps-on-the-web/

至于你的具体问题，没有"map"role。

使用 role="region" 和 aria-label（可能还有 aria-describedby）可以帮助定义您的地图区域。

Answer 2

您在这里寻找的是 role="application"，因为用户可以使用屏幕 reader 等与地图进行交互。