As per the WCAG and section 508, all the informations on a website must be accessible using only the keyboard.
I have a google maps with some markers on it that open a modal with dedicated informations.
The problem is that Markers with google maps js API are invisible to keyboard and can't be focused using TAB key. So a keyboard user can't access the contents behind the Markers.
Is there a way around this ? I haven't found anything in the API documentation and no mention of "focus" on markers.
Any solution is welcome.
Just try to create the marker and set the draggable property to true . The code will be something as follows: Marker = new google.
In the search bar, enter your destination. In the list of results, click the location you want. Click Options. Under "Routes," click Wheelchair accessible.
Instead of native Markers you may create the markers by using custom overlays.
The overlay in this case would be accessible when it is a link (or does have a tabIndex
-property)
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With