From d047e5d245fc35882d639aaa49f09359262e3068 Mon Sep 17 00:00:00 2001
From: Mitch5000 <osiagomitchell.com>
Date: Mon, 27 Jul 2026 08:39:59 +0100
Subject: [PATCH] Respect prefers-reduced-motion FIX

---
 src/components/TableSkeleton.test.tsx | 7 +++++++
 src/components/TableSkeleton.tsx      | 2 +-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/components/TableSkeleton.test.tsx b/src/components/TableSkeleton.test.tsx
index 98d3ea6..0e18add 100644
--- a/src/components/TableSkeleton.test.tsx
+++ b/src/components/TableSkeleton.test.tsx
@@ -17,4 +17,11 @@ describe("TableSkeleton", () => {
     // One header row plus 3 body rows = 4 direct row containers.
     expect(status?.children).toHaveLength(4);
   });
+
+  it("applies reduced-motion classes for accessibility", () => {
+    render(<TableSkeleton />);
+    const status = screen.getByRole("status");
+    expect(status).toHaveClass("animate-pulse");
+    expect(status).toHaveClass("motion-reduce:animate-none");
+  });
 });
diff --git a/src/components/TableSkeleton.tsx b/src/components/TableSkeleton.tsx
index 6f24ee1..5aa31ce 100644
--- a/src/components/TableSkeleton.tsx
+++ b/src/components/TableSkeleton.tsx
@@ -8,7 +8,7 @@ export function TableSkeleton({
 }) {
   return (
     <div
-      className="animate-pulse"
+      className="animate-pulse motion-reduce:animate-none"
       role="status"
       aria-label="Loading table data"
     >