Interactive Web Maps
Interactive web maps allow you to interact with a map using a mouse, keyboard, voice, or other tool, to select areas of interest, enter coordinates, or toggle layers on and off. You can typically zoom in and out, and pan around the map while data changes. The information here will help make your maps accessible so everyone can interact with them.
Tips for Making Accessible Interactive Web Maps
Map Purpose
Focus on delivering key elements when designing your web map. The content drives the accessibility requirements.
Use Native HTML
Use Native HTML where possible. Only use ARIA when necessary. For example, use a button instead of divs with role=button.
Ensure Full Keyboard Control
Support a user interface (UI) that can be controlled only using the keyboard, so all elements can be accessed and receive focus.
Test Early and Often
Perform both automated and manual accessibility tests to help evaluate the accessibility of your web map content.
Find these tips and more when you download the Interactive Web Map Accessibility Quick Card.
Interactive Web Map Resources
- Accessibility Guide for Interactive Web Maps (PDF)
- Accessibility Guide for Interactive Web Map Tools (PDF)
- Map Accessibility Presentation – CSUN (PDF)
What to Learn Next
Map Design
Good design makes maps easier to understand with proper use of fonts, colors, symbols, and more. Find information on how to design maps that are accessible for everyone.
Static Digital Maps
Static digital maps are usually standalone graphics, such as JPGs or PDF files that are not interactive. Find information on how to create accessible static maps that everyone can read.