/DevSummit2023-A11y

Demos for the 2023 Esri Developer Summit

Apache License 2.0Apache-2.0

Building Accessible Web Apps with ArcGIS Maps SDK for JavaScript and Calcite Design System

Presented at the 2023 Esri Developer Summit by Kelly Hutchins and Kitty Hurley on Tuesday, March 7, 2023 in Palm Springs, California.

JS Maps SDK Demos

  • Prefers reduced motion: Disable animation when prefers-reduced-motion is active.
  • Search focus: Handle focus switch between the search and the search results popup.
  • Focus popup on open: Use the shouldFocus option on Popup.open.
  • Map description: Add a description to the map using aria-describedby.
  • Basemap color: Detect basemap theme or color using getBasemapBackground and getBasemapColor and use the value to style custom graphics to have appropriate color contrast.
  • Table: Add an option to open the layer data in a table and optionally export to csv.
  • High contrast basemap with BasemapToggle: Toggle between the light and dark high contrast basemaps using the BasemapToggle widget.
  • Map navigation Demonstrate one option for navigating map data via the keyboard. Also shows how to use ARIA live regions to update assistive technology about dynamic changes.

Calcite Demos

Resources