skip to content
Primary navigation

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

Support Dynamic Content

Ensure dynamic content changes such as in-page updates, popups, and modals are apparent to all users, including AT users.

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 map content.

Use Native HTML

Only use ARIA when necessary. For example, use a button instead of divs with role=button.

Find these tips and more when you download the Interactive Web Map Accessibility Quick Card.

Interactive Web Map Quick Card (PDF)

More Resources

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 Maps

Static 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.

back to top