Try Google Maps Platform
Unlock access to real world data and insights with a monthly $200 Google Maps Platform credit.Get started
Our work since last year has continued to focus on some fundamental improvements in the Embed API, including ‘tab’ order, keyboard and screen reader interactivity, adding accessibility labels, and increasing color contrast of various map controls. These updates enable more inclusive Maps for vision-impaired users, along with anyone using a screen reader or keyboard navigation. Here’s a deeper look at a few of the improvements we’ve been able to achieve.
Tab order is left-to-right and top-to-bottom, the spacebar does activate buttons, and color contrast is better.
UI visibility in high contrast mode
We also improved maps in high color contrast mode to help make some buttons and checkboxes easier to see and more visible. We implemented this by making changes to the CSS in our codebase to help adapt the map to high contrast scenarios.
Buttons and checkboxes are visible in the high contrast mode.
InfoWindow improvementsMoreover, we continued adding improvements to one of the most-used UI components on maps: InfoWindow. Developers now have the ability to set an accessibility label and programmatically set focus on InfoWindows when they become visible.
Providing an accessibility label for an InfoWindow and programmatically setting focus on it when it becomes visible.
Screen reader support for markersAnd finally, we added screen reader instructions for markers keyboard navigation. This is especially useful for first-time users who don't know upfront how to navigate through interactive markers (those who have a registered click event listener) using a keyboard. See our “Make a marker accessible” guide and “Marker Accessibility” code sample to learn about how to make markers more accessible.
Screen reader instructions for markers keyboard navigation.
Help us improve accessibility
We hope you will try out these new improvements, give us feedback on the changes, and file new bugs to help us prioritize the areas that will have the most impact. Please +1 existing bugs that impact your websites and file new bug reports.
For more information on Google Maps Platform, visit our website.