Add shell accessibility landmarks

This commit is contained in:
2026-03-21 13:20:25 +01:00
parent 15a2b0825a
commit 8b34851010
3 changed files with 27 additions and 5 deletions

View File

@@ -1,4 +1,6 @@
<div class="app-shell">
<a class="skip-link" href="#app-main">Skip to main content</a>
<header class="app-shell-header">
<div class="app-shell-bar">
<div class="app-shell-brand-block">
@@ -18,7 +20,7 @@
}
</div>
<div class="app-shell-header-nav">
<nav class="app-shell-header-nav" aria-label="Primary">
@if (PrimaryNavContent is null)
{
<ShellPrimaryNav />
@@ -27,7 +29,7 @@
{
@PrimaryNavContent
}
</div>
</nav>
<div class="app-shell-header-omnibox">
@if (OmniboxContent is not null)
@@ -43,9 +45,9 @@
@if (ShortcutContent is not null)
{
<div class="app-shell-shortcuts">
<nav class="app-shell-shortcuts" aria-label="Pinned and recent shortcuts">
@ShortcutContent
</div>
</nav>
}
</header>