❌ Bad Shortcut (Single-Key Trigger)
Press S anywhere on the page — even while typing — and a modal appears without warning.
Welcome to Our Accessibility Demo
This section uses responsive design principles to adapt to various screen sizes and zoom levels.
Keyboard Shortcuts & Focus Traps
This demo shows WCAG 2.1 issues related to:
- 2.1.1 Keyboard Accessibility
- 2.1.2 No Keyboard Trap
- 2.1.4 Character Key Shortcuts
- 2.4.3 Focus Order
❌ Enter Key Global Action
Pressing Enter anywhere (even inside a text input) triggers a global alert.
❌ Arrow Key Hijack
Press ArrowRight to open a modal — even if you're navigating a dropdown or reading content.
✅ Safe Shortcut (Ctrl+Alt+S)
Press Ctrl + Alt + S to open the modal safely. No conflict with normal typing.
🔒 Trapped Modal
This modal traps focus. Try Tab, Shift+Tab, or Escape. Nothing helps.