fix(site): site accessibility rough edges (#1330)

Co-authored-by: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

site/src/components/docs/DocsNavigation.astro

@@ -16,7 +16,10 @@ function getGuideUrl(framework: SupportedFramework, slug: string): string {
 }
 ---
 
-<nav class="mx-auto grid w-full max-w-3xl grid-cols-1 gap-4 md:grid-cols-2">
+<nav
+  aria-label="Docs pagination"
+  class="mx-auto grid w-full max-w-3xl grid-cols-1 gap-4 md:grid-cols-2"
+>
   {
     prev ? (
       <a

site/src/components/docs/DocsSidebar.astro

@@ -19,7 +19,7 @@ const filteredSidebar = filterSidebar(framework);
 <div class={clsx("bg-manila-light dark:bg-faded-black", className)}>
   <slot />
   <PreferenceUpdater client:idle currentFramework={framework} />
-  <nav class="p-6">
+  <nav aria-label="Docs sidebar" class="p-6">
     {
       filteredSidebar.map((item) => (
         <SidebarItem item={item} framework={framework} docTitles={docTitles} />

site/src/components/docs/SidebarItem.astro

@@ -69,7 +69,11 @@ function getGroupRotate(depth: number) {
         }
       >
         <span class="flex-1">{item.sidebarLabel}</span>
-        <DropdownIcon width={"0.65rem"} className={getGroupRotate(depth)} />
+        <DropdownIcon
+          width={"0.65rem"}
+          className={getGroupRotate(depth)}
+          aria-hidden="true"
+        />
       </summary>
       <div>
         {item.contents.map((contentItem) => (