mobile nav aria

nichtsam · Dec 16, 2024 · 8183cdf · 8183cdf
1 parent aa477fa
commit 8183cdf
Showing 1 changed file with 13 additions and 1 deletion.
diff --git a/app/components/site-header.tsx b/app/components/site-header.tsx
@@ -4,7 +4,15 @@ import { coreNav } from '#app/config/nav.tsx'
 import { ThemeSwitcher } from '#app/utils/theme.tsx'
 import { NavLink } from './link'
 import { Button } from './ui/button'
-import { Drawer, DrawerContent, DrawerFooter, DrawerTrigger } from './ui/drawer'
+import {
+	Drawer,
+	DrawerContent,
+	DrawerDescription,
+	DrawerFooter,
+	DrawerHeader,
+	DrawerTitle,
+	DrawerTrigger,
+} from './ui/drawer'
 import { Icon } from './ui/icon'
 import {
 	NavigationMenu,
@@ -81,6 +89,10 @@ function MobileNav() {
 				</Button>
 			</DrawerTrigger>
 			<DrawerContent className="max-h-[60svh]">
+				<DrawerHeader inert>
+					<DrawerTitle>Menu</DrawerTitle>
+					<DrawerDescription>Links and Actions</DrawerDescription>
+				</DrawerHeader>
 				<div className="overflow-auto p-4 pb-0">
 					<nav className="text-center">
 						<ul className="flex flex-col gap-y-3">