Accessible JavaScript Routing Prototypes

Determining best practices for keyboard and screen reader routing in client-rendered web applications

By Marcy Sutton

  • Example 1: No focus change, Live Region announcement
  • Example 2: Focus reset to app wrapper, Live Region announcement
  • Example 3: Focus change to content heading
  • Example 4: Focus change to wrapper element
  • Example 5: Focus change to wrapper element at 100% width
  • Example 6: Focus change to skip link controls