En conmemoración del Día Mundial de Concientización sobre Accesibilidad en la Web (GAAD por sus siglas en inglés (Global Accessibility Awareness Day) que sucede cada 20 de mayo, Google nos da a conocer las nuevas actualizaciones que mejoran la accesibilidad en las APIs Maps JavaScript y Maps Embed.
El equipo de Google Maps menciona que ya desde 2021 su foco ha sido centrarse en mejoras fundamentales de la API Embed, incluyendo dar órdenes con la tecla de tabulación, la interactividad del teclado y el lector de la pantalla, la adición de etiquetas de accesibilidad y el incremento en el contraste de color de varios controles de mapa. Estas actualizaciones permiten la inclusión en su uso para personas con problemas de visión, asi como cualquier persona que use un lector de pantalla o navegue con el teclado. En los siguientes párrafos se profundizará en estas mejoras.
La orden de tabulación es de izquierda a derecha y de arriba hacia abajo, la barra espaciadora activa botones y el contraste es mejor.
Visibilidad de la UI (interfaz de usuario) en modo de alto contraste
Se mejoró el modo de alto contraste en los mapas para ayudar a que algunos botones y casillas de verificación sean más fáciles de ver e interactuar. Para ello se hicieron cambios en el CSS del código base, lo que resultó en que ahora hay una mejor adaptación de los mapas en escenarios de alto contraste de color.
Botones y casillas de revisión son visibles en el modo de alto contraste.
Mejoras en la InfoWindow
También se ha continuado mejorando uno de los componentes más utilizados: la InfoWindow, esta es una ventana emergente sobre el mapa, tipo globo de diálogo, la cual está atada a un marcador. Esta interfaz de usuario ahora tiene la capacidad de tener etiquetas de accesibilidad y los desarrolladores pueden automatizar el comando de foco cuando dichas ventanas se vuelven visibles.
Añadir etiquetas de accesibilidad para la InfoWindow y automatizar el foco cuando se vuelve visible.
Instrucciones de marcadores para lectores de pantalla
Finalmente, agregaron instrucciones para lectores de pantalla en la navegación del teclado para marcadores. Esto es especialmente útil para usuarios nuevos que no conocen de antemano como navegar a través de los marcadores interactivos usando el teclado.
Para más información al respecto puede consultar la guía “Como hacer marcadores accesibles”” y un código de ejemplo.
Instrucciones para lectores de pantallas de navegación de marcadores con el teclado.
Para ver este texto en su nota original, visite el blog de Google Maps Platform