Complete 4.5.1: Keyboard Navigation - implement full keyboard accessibility with skip links, focus management, and modal controls

This commit is contained in:
VinnyNC 2025-09-30 18:47:51 -04:00
parent 313ee80726
commit 4c2b627e2e
4 changed files with 145 additions and 4 deletions

View file

@ -314,6 +314,11 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_POST['action'])) {
<link rel="stylesheet" href="assets/css/main.css?v=1.4.2">
</head>
<body>
<!-- Skip to main content links for accessibility -->
<a href="#videoSection" class="skip-link sr-only focus-visible" tabindex="1">Skip to main content</a>
<a href="#chatSection" class="skip-link sr-only focus-visible" tabindex="1">Skip to chat</a>
<a href="#mobileNav" class="skip-link sr-only focus-visible sr-only-mobile" tabindex="1">Skip to navigation</a>
<main class="theater" role="main">
<!-- Dashboard Sidebar for Desktop -->
<aside class="theater__dashboard-section" id="dashboardSection" aria-label="Dashboard">