Add shell accessibility landmarks
This commit is contained in:
@@ -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>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user