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

Presented at the 2024 Esri Developer Summit by Kelly Hutchins and Kitty Hurley on Wednesday, March 13, 2024 in Palm Springs, California.

• Demo Site
• Code
• Slides, opens in a new window

Demos

1. Map Description and Live Regions
   • Provide context to when the map has loaded and include a description when the map is in focus to further WCAG's 1.3.1: Info and Relationships Success Criterion.
2. Consistent Focus
   • Provide a consistent focus order throughout your UI supporting WCAG's 2.4.3: Focus Order and 3.2.3: Consistent Navigation Success Criterion.
3. High Contrast
   • Explore contrast with your data, altering the basemap and layer effects to support the map's purpose when a user has enabled high contrast on their operating system, also supporting WCAG's 1.4.3: Contrast Minimum Success Criterion.
4. Reduced Motion
   • Support reduced motion when a user has enabled reduced motion, or disabled animations on their operating system, also supporting WCAG's 2.3.3: Animation from Interactions Success Criterion.

Resources

• Codepen collections
  • https://codepen.io/collection/gYZYrR
• Calcite accessibility
• ArcGIS Maps SDK for JavaScript accessibility
• Subscribe to the Esri accessibility community