skip to content
Primary navigation

Interactive Web Maps

Maps have long been a way of communicating information from carved clay tablets to paper to today’s digital maps. Today, we can create interactive digital maps that can respond to input via mouse, keyboard, voice, and touch. The information here will help make your Interactive web 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 web 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 Web Map Accessibility Quick Card.

Web Map Quick Card (PDF)

More Resources for Accessible Map Design

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