"Try it" JavaScript demos are keyboard traps

[stevegoldberg]

I was tabbing through a page on MDN, and I found that once I tabbed into one of the "Try It" code blocks, I could not tab out. Hitting tab indents the code in the code block, and shift+tab removes the indent.

Naturally, this is bad for accessibility as it means that keyboard users cannot continue to use the page.

I would recommend removing the ability to indent code with tab and reserving tab for changing focus. See WCAG for more details.

[pransh15]

Hi @stevegoldberg 👋
Thanks for bringing this to light, I understand your concern. I will share it with the team and see what we can do here, and when. I'll keep you updated.

[stevegoldberg]

Cheers, thanks.