From 13b21e5d75162948170e1c481f15de54082e090a Mon Sep 17 00:00:00 2001
From: "google-labs-jules[bot]"
 <161369871+google-labs-jules[bot]@users.noreply.github.com>
Date: Tue, 24 Feb 2026 08:48:31 +0000
Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=A8=20Palette:=20Improve=20navigation?=
 =?UTF-8?q?=20accessibility=20with=20aria-labels?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Added `aria-label` to navigation links in `MobileNav` and `DashboardNav` to ensure screen readers can announce the purpose of the links, especially when they are icon-only (e.g., on mobile).

- `src/components/mobile-nav.tsx`: Added `aria-label={item.title}` to `Link`.
- `src/components/dashboard-nav.tsx`: Added `aria-label={item.label}` to `Button`.

Co-authored-by: vireapp <260846454+vireapp@users.noreply.github.com>
---
 src/components/dashboard-nav.tsx | 1 +
 src/components/mobile-nav.tsx    | 1 +
 2 files changed, 2 insertions(+)

diff --git a/src/components/dashboard-nav.tsx b/src/components/dashboard-nav.tsx
index 6c4c4b3..6783984 100644
--- a/src/components/dashboard-nav.tsx
+++ b/src/components/dashboard-nav.tsx
@@ -49,6 +49,7 @@ export function DashboardNav() {
             variant="ghost"
             size="sm"
             asChild
+            aria-label={item.label}
             className={cn(
               "relative transition-all duration-300",
               isActive
diff --git a/src/components/mobile-nav.tsx b/src/components/mobile-nav.tsx
index 3640418..adbd331 100644
--- a/src/components/mobile-nav.tsx
+++ b/src/components/mobile-nav.tsx
@@ -56,6 +56,7 @@ export function MobileNav() {
               <Link
                 key={item.href}
                 href={item.href}
+                aria-label={item.title}
                 className="relative flex flex-col items-center justify-center w-12 h-12 sm:w-14 sm:h-14 rounded-xl"
               >
                 {/* Active Background Pill */}