From 4c384b76ad2829855ee4d51f7dc1b67bc6720eef Mon Sep 17 00:00:00 2001
From: cesnimda <connor.babbington@cesnimda.co.uk>
Date: Tue, 1 Sep 2026 15:46:30 +0200
Subject: [PATCH] fix(a11y): label onboarding progress

---
 job-tracker-ui/src/components/OnboardingChecklist.tsx | 7 ++++++-
 job-tracker-ui/src/onboarding-checklist.test.tsx      | 1 +
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/job-tracker-ui/src/components/OnboardingChecklist.tsx b/job-tracker-ui/src/components/OnboardingChecklist.tsx
index 1051d1b..30d6632 100644
--- a/job-tracker-ui/src/components/OnboardingChecklist.tsx
+++ b/job-tracker-ui/src/components/OnboardingChecklist.tsx
@@ -102,7 +102,12 @@ export default function OnboardingChecklist({ hasJobs }: { hasJobs: boolean }) {
       </Box>
       <Typography variant="body2" sx={{ color: "text.secondary" }}>{t("onboardingBody")}</Typography>
       <Typography variant="caption" sx={{ color: "text.secondary" }}>{completed} / {steps.length}</Typography>
-      <LinearProgress variant="determinate" value={(completed / steps.length) * 100} sx={{ my: 1.5, borderRadius: 2 }} />
+      <LinearProgress
+        variant="determinate"
+        value={(completed / steps.length) * 100}
+        aria-label={t("checklistProgress", { completed, total: steps.length })}
+        sx={{ my: 1.5, borderRadius: 2 }}
+      />
       <Stack spacing={1}>
         {steps.map((step) => (
           <Box key={step.label} sx={{ display: "flex", alignItems: "center", justifyContent: "space-between", gap: 1.5, flexWrap: "wrap" }}>
diff --git a/job-tracker-ui/src/onboarding-checklist.test.tsx b/job-tracker-ui/src/onboarding-checklist.test.tsx
index 0bb3fa8..0ab1072 100644
--- a/job-tracker-ui/src/onboarding-checklist.test.tsx
+++ b/job-tracker-ui/src/onboarding-checklist.test.tsx
@@ -27,6 +27,7 @@ test("uses structured career data and connected inbox status for onboarding prog
   renderChecklist();
 
   expect(await screen.findByText("5 / 6")).toBeInTheDocument();
+  expect(screen.getByRole("progressbar", { name: "5 of 6 done" })).toBeInTheDocument();
   expect(screen.queryByRole("button", { name: "Add CV" })).not.toBeInTheDocument();
   expect(screen.queryByRole("button", { name: "Open profile" })).not.toBeInTheDocument();
   expect(screen.queryByRole("button", { name: "Connect email" })).not.toBeInTheDocument();