Complete 4.5.1: Keyboard Navigation - implement full keyboard accessibility with skip links, focus management, and modal controls
This commit is contained in:
parent
313ee80726
commit
4c2b627e2e
4 changed files with 145 additions and 4 deletions
|
|
@ -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">
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue