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

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 Quick Card (PDF)

Interactive Web Map 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 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.

back to top