feat: add skip-to-content links and aria-labels for accessibility

This commit is contained in:
Jennie Robinson Faber 2026-04-04 12:42:07 +01:00
parent ee438f5c60
commit c64933418b
3 changed files with 24 additions and 3 deletions

View file

@ -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>