✨Enhancement: Comprehensive Keyboard Navigation & Accessibility Enhancement

[Sahil-Shadwal]

Keyboard Navigation & Accessibility Improvements

Problem

Keyboard-first users are forced to use the mouse for:

• No keyboard shortcuts for lesson navigation
• Outline drawer not keyboard-accessible
• No Esc to close modals/drawers
• Minimal editor shortcuts
• No shortcuts documentation

This breaks flow and slows learning.

Accessibility Gaps (WCAG 2.1)

• ❌ 2.1.1 Keyboard (A): Not all actions keyboard-accessible
• ❌ 2.4.7 Focus Visible (AA): Weak/inconsistent focus styles
• ⚠️ 2.4.3 Focus Order (A): Tab order not logical

Proposed Solution

Core Shortcuts

Shortcut	Action	Scope
Ctrl/Cmd + →	Next lesson	Global
Ctrl/Cmd + ←	Previous lesson	Global
Ctrl/Cmd + K	Toggle outline	Global
Esc	Close modal/drawer	Context
?	Show shortcuts help	Global
Shift + Enter	Validate code	Editor
Ctrl/Cmd + Enter	Validate + next	Editor
Ctrl/Cmd + R	Reset code	Editor

---

Are you working on this

yes please assign me this issue