Accessibility and Interactive Canvases

Explore how to make canvas-based user interfaces accessible to users with disabilities in this 20-minute conference talk from JSNation 2025. Learn essential techniques for leveraging DOM tree structures to enable keyboard navigation and screen reader compatibility with canvas elements. Discover practical strategies for implementing proxy elements that bridge the gap between visual canvas content and assistive technologies. Master the creation of interactive charts and UI controls that provide meaningful feedback to screen readers while maintaining responsive user experiences. Understand common accessibility pitfalls when working with canvas elements and proven workarounds to overcome these challenges. Examine real-world examples of focus management, dynamic focus indicators, and element swapping techniques that ensure seamless interaction for users relying on assistive technologies. Gain insights into SVG attributes for accessibility, screen reader integration patterns, and best practices for creating inclusive interactive experiences with HTML5 canvas.