Motivation

It is easy to determine that a Leaflet map is an interactive map that is embedded on a web page when we see it. That is currently not the case for non-visual users who rely on their screen reader.

Proposed solution

Make the leaflet-container a programmatically determinable element by setting it to:

1. aria-roledescription="Map"
2. role="group"

Edit: Updated per discussion below.

Additional context

• aria-roledescription:
  • https://www.w3.org/TR/wai-aria-1.1/#aria-roledescription
  • https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-roledescription
• role="group":
  • https://www.w3.org/TR/wai-aria/#group
  • https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_group_role
• MDN: Interactive elements must be labeled