diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 290d9e7..effb2e0 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -51,6 +51,8 @@ export const metadata: Metadata = {
   },
 };
 
+import { PageTransition } from "@/components/shared/page-transition";
+
 export default function RootLayout({
   children,
 }: {
diff --git a/src/components/course/course-card.tsx b/src/components/course/course-card.tsx
index 3ee1a3a..8df998d 100644
--- a/src/components/course/course-card.tsx
+++ b/src/components/course/course-card.tsx
@@ -45,7 +45,7 @@ export const CourseCard = memo(function CourseCard({
           <div className="absolute top-2 right-2" onClick={(e) => e.preventDefault()} onKeyDown={(e) => { if (e.key === 'Enter' || e.key === ' ') e.preventDefault(); }}>
             <DropdownMenu>
               <DropdownMenuTrigger asChild>
-                 <button className="p-1.5 text-gray-500 hover:text-gray-900 bg-white/50 hover:bg-white/80 rounded-full transition-colors dark:text-gray-300 dark:hover:text-gray-100 dark:bg-gray-900/50 dark:hover:bg-gray-900/80">
+                 <button aria-label="Course options" className="p-1.5 text-gray-500 hover:text-gray-900 bg-white/50 hover:bg-white/80 rounded-full transition-colors dark:text-gray-300 dark:hover:text-gray-100 dark:bg-gray-900/50 dark:hover:bg-gray-900/80">
                   <MoreVertical className="h-4 w-4" />
                 </button>
               </DropdownMenuTrigger>
diff --git a/src/components/course/module-list.tsx b/src/components/course/module-list.tsx
index 8492699..7fbbe59 100644
--- a/src/components/course/module-list.tsx
+++ b/src/components/course/module-list.tsx
@@ -34,7 +34,7 @@ export function ModuleList({
         Course Modules ({modules.length})
       </h3>
       <ScrollArea className="h-[min(24rem,60vh)] pr-3">
-        <div className="space-y-1" role="list">
+        <div className="space-y-1" role="list" aria-label="Module list">
           {sorted.map((mod, index) => {
             const isCompleted = completedIds.has(mod.id);
             const isCurrent = mod.id === currentModuleId;
diff --git a/src/components/course/quiz-interface.tsx b/src/components/course/quiz-interface.tsx
index ebfdb17..5bdf8f1 100644
--- a/src/components/course/quiz-interface.tsx
+++ b/src/components/course/quiz-interface.tsx
@@ -60,7 +60,7 @@ export function QuizInterface({ quiz, onSubmit, onRetry, className }: QuizInterf
   // Results view
   if (attempt) {
     return (
-      <Card className={cn("max-w-2xl mx-auto", className)}>
+      <Card className={cn("max-w-2xl mx-auto", className)} aria-live="polite">
         <CardHeader className="text-center">
           <div className="mx-auto mb-4 flex h-16 w-16 items-center justify-center rounded-full bg-gradient-to-br from-stellar-purple/10 to-stellar-blue/10">
             <Trophy
@@ -141,7 +141,7 @@ export function QuizInterface({ quiz, onSubmit, onRetry, className }: QuizInterf
 
   // Question view
   return (
-    <Card className={cn("max-w-2xl mx-auto", className)}>
+    <Card className={cn("max-w-2xl mx-auto", className)} aria-live="polite">
       <CardHeader>
         <div className="flex items-center justify-between mb-2">
           <span className="text-sm text-gray-500">
diff --git a/src/components/shared/loading-skeleton.tsx b/src/components/shared/loading-skeleton.tsx
index f6f633b..c91145b 100644
--- a/src/components/shared/loading-skeleton.tsx
+++ b/src/components/shared/loading-skeleton.tsx
@@ -1,7 +1,6 @@
 "use client";
 
 import { cn } from "@/lib/utils/cn";
-import {
   Skeleton,
   SkeletonCircle,
   SkeletonStack,
@@ -42,8 +41,8 @@ export function CourseCardSkeleton() {
       <SkeletonRect className="h-40 w-full rounded-none" />
       <div className="p-4 space-y-3">
         <div className="flex gap-2">
-          <Skeleton className="h-5 w-16 rounded-full" />
-          <Skeleton className="h-5 w-20 rounded-full" />
+          <SkeletonRect className="h-5 w-16 rounded-full" />
+          <SkeletonRect className="h-5 w-20 rounded-full" />
         </div>
         <SkeletonText className="h-5 w-3/4" />
         <SkeletonStack lines={2} />