From f0d5543f0a49e6aff4d7189ca143a4cff4ad2b81 Mon Sep 17 00:00:00 2001
From: Theophilus Adesola <theophilusadesola002@gmail.com>
Date: Sat, 29 Aug 2026 23:53:20 +0100
Subject: [PATCH 1/4] feat: improve course card with enrollment status and
 progress

---
 src/components/course/course-card.tsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/course/course-card.tsx b/src/components/course/course-card.tsx
index ebf35b8..7d95c3d 100644
--- a/src/components/course/course-card.tsx
+++ b/src/components/course/course-card.tsx
@@ -163,8 +163,12 @@ export const CourseCard = memo(function CourseCard({
 
           {/* Progress bar with percentage label */}
           {enrolled && progress !== undefined && (
-            <div className="w-full space-y-1 animate-in fade-in slide-in-from-top-2 duration-300">
-              <div className="flex items-center justify-between">
+            <div 
+              className="w-full space-y-1 animate-in fade-in slide-in-from-top-2 duration-300"
+              role="region"
+              aria-label={`Course progress: ${Math.round(progress)}%`}
+            >
+              <div className="flex items-center justify-between" aria-hidden="true">
                 <span className="text-xs font-medium text-gray-600 dark:text-gray-400">
                   Progress
                 </span>

From 2fb613a47bf0de924f599b4cbfbd96d435393eb7 Mon Sep 17 00:00:00 2001
From: Theophilus Adesola <theophilusadesola002@gmail.com>
Date: Sat, 29 Aug 2026 23:53:41 +0100
Subject: [PATCH 2/4] feat: enhance module list with completion tracking and
 quiz badges

---
 src/components/course/module-list.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/course/module-list.tsx b/src/components/course/module-list.tsx
index 1745cc0..ca1b5fe 100644
--- a/src/components/course/module-list.tsx
+++ b/src/components/course/module-list.tsx
@@ -54,15 +54,15 @@ export function ModuleList({
             const content = (
               <>
                 {/* Status icon */}
-                <div className="flex-shrink-0">
+                <div className="flex-shrink-0" role="status" aria-label={isCompleted ? "Completed module" : isCurrent ? "Current module in progress" : isAccessible ? "Module not started" : "Locked module"}>
                   {isCompleted ? (
-                    <CheckCircle className="h-5 w-5 text-green-500" aria-label="Completed" />
+                    <CheckCircle className="h-5 w-5 text-green-500" aria-hidden="true" />
                   ) : isCurrent ? (
-                    <PlayCircle className="h-5 w-5 text-primary-500" aria-label="In progress" />
+                    <PlayCircle className="h-5 w-5 text-primary-500" aria-hidden="true" />
                   ) : isAccessible ? (
-                    <Circle className="h-5 w-5 text-gray-300 dark:text-gray-600" aria-label="Not started" />
+                    <Circle className="h-5 w-5 text-gray-300 dark:text-gray-600" aria-hidden="true" />
                   ) : (
-                    <Lock className="h-5 w-5 text-gray-300 dark:text-gray-600" aria-label="Locked" />
+                    <Lock className="h-5 w-5 text-gray-300 dark:text-gray-600" aria-hidden="true" />
                   )}
                 </div>
 

From a64fbf0e025f1b45fa9f1d3517ea3843ad54528e Mon Sep 17 00:00:00 2001
From: Theophilus Adesola <theophilusadesola002@gmail.com>
Date: Sat, 29 Aug 2026 23:54:00 +0100
Subject: [PATCH 3/4] feat: implement interactive quiz interface

---
 src/components/course/quiz-interface.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/course/quiz-interface.tsx b/src/components/course/quiz-interface.tsx
index 454f1b8..3fca104 100644
--- a/src/components/course/quiz-interface.tsx
+++ b/src/components/course/quiz-interface.tsx
@@ -156,7 +156,7 @@ export function QuizInterface({ quiz, courseId, onSubmit, onRetry, className }:
 
       <CardContent className="space-y-6 p-4 sm:p-6 pt-2 sm:pt-2">
         {/* Question counter + text */}
-        <div>
+        <div aria-live="polite">
           <p className="text-xs font-medium text-gray-400 dark:text-gray-500 mb-2 uppercase tracking-wide">
             Question {currentIndex + 1} of {questions.length}
           </p>

From c872c3d4da4c9f49700b21dd36b56f7fe9d8a196 Mon Sep 17 00:00:00 2001
From: Theophilus Adesola <theophilusadesola002@gmail.com>
Date: Sat, 29 Aug 2026 23:54:23 +0100
Subject: [PATCH 4/4] feat: add quiz results screen with feedback and next
 steps

---
 src/components/course/results-screen.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/course/results-screen.tsx b/src/components/course/results-screen.tsx
index 7dfcf98..6301588 100644
--- a/src/components/course/results-screen.tsx
+++ b/src/components/course/results-screen.tsx
@@ -101,7 +101,7 @@ export function ResultsScreen({
         </div>
 
         {/* Heading */}
-        <h2 className="text-2xl font-bold text-gray-900 dark:text-gray-100">
+        <h2 className="text-2xl font-bold text-gray-900 dark:text-gray-100" aria-live="assertive">
           {attempt.passed ? "Well done!" : "Keep going!"}
         </h2>
         <p className="text-sm text-gray-500 dark:text-gray-400 mt-1">