From e5db6da057508d227275ddb66577b61d0ef9ad91 Mon Sep 17 00:00:00 2001
From: aaradhyasinghai-ux <aaradhya.25mei10078@vitbhopal.ac.in>
Date: Mon, 25 May 2026 02:55:55 +0530
Subject: [PATCH] fix(a11y): add ARIA attributes to goal progress bar (#950)

---
 src/components/GoalTracker.tsx | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/components/GoalTracker.tsx b/src/components/GoalTracker.tsx
index 15e0a0b8..7c5046ac 100644
--- a/src/components/GoalTracker.tsx
+++ b/src/components/GoalTracker.tsx
@@ -408,6 +408,11 @@ export default function GoalTracker() {
 
                 <div className="h-2 overflow-hidden rounded-full bg-[var(--control)]">
                   <div
+                    role="progressbar"
+                    aria-valuenow={goal.current}
+                    aria-valuemin={0}
+                    aria-valuemax={goal.target}
+                    aria-label={`Goal progress: ${goal.current} of ${goal.target} ${goal.unit}`}
                     className={`h-full rounded-full transition-all ${completed ? "bg-emerald-500" : "bg-[var(--accent)]"}`}
                     style={{ width: `${pct}%` }}
                   />