More topics

Using maps in web content

Last updated on March 17, 2025

When, where, and how to use maps on B.C. government websites.

On this page

Appropriate use

Maps can help users understand geographic information at a glance. Use maps to:

  • Show locations, regions, or boundaries
  • Display data with geographic patterns
  • Help people find places or directions

A map may not be the best choice if:

  • The information can be clearly communicated in text or an accessible table
  • The information does not work well as a map

Choosing a map type

Before selecting a map, consider:

  • Your audience
  • The map’s purpose
  • If you can provide both a static and interactive map
  • If both map types aren’t an option, which one best suits your audience’s needs

Static maps

Static maps are the most accessible. They support alt-text, captions, and controlled information. If they meet your needs, use them.

Interactive maps

Interactive maps can benefit users with cognitive disabilities but must meet WCAG 2.2 AA standards.

Accessibility

All maps must meet accessibility standards.

All maps must:

  • Use a descriptive title that clearly describe the content, such as "Public parks in Metro Vancouver." Avoid generic titles like "Map 1"
  • Have a simple, uncluttered design for readability
  • Include labels and text large enough to be easily read
  • Avoid using colour alone to convey information. Use patterns, labels, or symbols

Static maps must:

  • Include descriptive alt-text
  • Provide a clear caption explaining the content

Interactive maps must:

  • Support keyboard navigation for all elements
  • Provide a text alternative, such as a list of locations or key geographic data
  • Use high-contrast colours and clear markers on a plain background
  • Allow users to change the map’s visual presentation to meet their preferences
  • Include any search results on the map and in a list compatible with screen readers
  • Ensure screen readers are notified of the search results list next to the map

Embedding maps in CMS Lite

You can embed maps in CMS Lite without consulting DataBC. Follow CMS Lite guidelines for inserting maps into content.

Requesting a new web map

To request a new map, visit: