feat: add skip-to-content links and aria-labels for accessibility
This commit is contained in:
parent
ee438f5c60
commit
c64933418b
3 changed files with 24 additions and 3 deletions
|
|
@ -1,5 +1,6 @@
|
|||
<template>
|
||||
<div class="site">
|
||||
<a href="#main-content" class="sr-only focus:not-sr-only focus:absolute focus:z-[100] focus:p-3 focus:bg-[var(--bg)] focus:text-[var(--text)]">Skip to content</a>
|
||||
<!-- Desktop Sidebar -->
|
||||
<aside class="sidebar sidebar-desktop">
|
||||
<NuxtLink to="/" class="sidebar-brand">Ghost Guild</NuxtLink>
|
||||
|
|
@ -49,7 +50,7 @@
|
|||
</div>
|
||||
|
||||
<!-- Main Content -->
|
||||
<main class="main">
|
||||
<main id="main-content" class="main">
|
||||
<TopStrip :page-path="currentPageName" />
|
||||
<slot />
|
||||
</main>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue