add roles and focus trap for mobile sidebar navigation

This commit is contained in:
2026-01-02 13:29:57 +11:00
parent de6a866c06
commit 8d0a0fa50e
2 changed files with 74 additions and 5 deletions

View File

@@ -33,9 +33,9 @@
<div class="search-container">
<div class="search-box" role="search">
<i class="fas fa-search" aria-hidden="true"></i>
<input type="text" id="search-input" placeholder="Search docs..." aria-label="Search documentation">
<input type="text" id="search-input" placeholder="Search docs..." aria-label="Search documentation" role="searchbox">
<div class="keyboard-shortcut keyboard-shortcut-alt" aria-hidden="true">Alt+S</div>
<i class="fas fa-times" id="clear-search" aria-label="Clear search"></i>
<i class="fas fa-times" id="clear-search" aria-label="Clear search" role="button" tabindex="0"></i>
</div>
<div id="search-results" role="region" aria-label="Search results" aria-live="polite"></div>
</div>