diff --git a/data/accessibility.json b/data/accessibility.json
new file mode 100644
index 00000000..0235733c
--- /dev/null
+++ b/data/accessibility.json
@@ -0,0 +1,54 @@
+{
+  "overallScore": 86,
+  "wcagLevelTarget": "AA",
+  "auditChecks": [
+    {
+      "name": "Keyboard navigation",
+      "status": "pass",
+      "description": "Primary navigation, forms, and dialogs are fully operable using keyboard controls.",
+      "recommendation": "Maintain keyboard testing in release QA to prevent focus order regressions."
+    },
+    {
+      "name": "Screen reader support",
+      "status": "warning",
+      "description": "Most semantic landmarks are announced correctly, but some dynamic announcements are delayed.",
+      "recommendation": "Add aria-live regions for async success and error state messaging."
+    },
+    {
+      "name": "Color contrast",
+      "status": "fail",
+      "description": "Several secondary text tokens and disabled states fall below WCAG AA contrast thresholds.",
+      "recommendation": "Raise contrast tokens to at least 4.5:1 for normal text and 3:1 for UI indicators."
+    },
+    {
+      "name": "Alt text",
+      "status": "pass",
+      "description": "Meaningful imagery includes descriptive alternatives and decorative assets are hidden from assistive tech.",
+      "recommendation": "Continue enforcing alt text checks in content publishing workflows."
+    },
+    {
+      "name": "Focus indicators",
+      "status": "warning",
+      "description": "Focus rings are visible in most components but can be hard to detect on gradient backgrounds.",
+      "recommendation": "Increase focus ring thickness and contrast on dark and gradient surfaces."
+    },
+    {
+      "name": "Heading structure",
+      "status": "pass",
+      "description": "Pages consistently use hierarchical heading order to support assistive navigation.",
+      "recommendation": "Keep heading lint checks enabled in CI for template changes."
+    },
+    {
+      "name": "Form labels",
+      "status": "pass",
+      "description": "Inputs are programmatically associated with labels and include accessible error text.",
+      "recommendation": "Add label association tests for new dynamic form components."
+    },
+    {
+      "name": "ARIA attributes",
+      "status": "fail",
+      "description": "A subset of interactive widgets has incomplete aria-expanded and aria-controls state sync.",
+      "recommendation": "Audit custom interactive controls and ensure ARIA state is updated on every interaction."
+    }
+  ]
+}
diff --git a/src/app/accessibility/accessibility-page-client.tsx b/src/app/accessibility/accessibility-page-client.tsx
new file mode 100644
index 00000000..0db5210f
--- /dev/null
+++ b/src/app/accessibility/accessibility-page-client.tsx
@@ -0,0 +1,188 @@
+"use client";
+
+import { useEffect, useMemo, useState } from "react";
+import { AlertTriangle, CheckCircle2, CircleAlert, Loader2, ShieldAlert, ShieldCheck } from "lucide-react";
+import { Badge } from "@/components/ui/badge";
+import { Card } from "@/components/ui/card";
+import type {
+  AccessibilityApiResponse,
+  AccessibilityAuditCheck,
+  AccessibilityCheckStatus,
+  AccessibilityComplianceStatus,
+} from "@/lib/accessibility";
+
+function statusStyles(status: AccessibilityCheckStatus) {
+  switch (status) {
+    case "pass":
+      return "bg-emerald-500/15 border-emerald-400/30 text-emerald-300";
+    case "warning":
+      return "bg-amber-500/15 border-amber-400/30 text-amber-300";
+    default:
+      return "bg-red-500/15 border-red-400/30 text-red-300";
+  }
+}
+
+function statusIcon(status: AccessibilityCheckStatus) {
+  switch (status) {
+    case "pass":
+      return <CheckCircle2 className="w-4 h-4" />;
+    case "warning":
+      return <CircleAlert className="w-4 h-4" />;
+    default:
+      return <AlertTriangle className="w-4 h-4" />;
+  }
+}
+
+function complianceStyles(status: AccessibilityComplianceStatus) {
+  switch (status) {
+    case "compliant":
+      return "bg-emerald-500/15 border-emerald-400/30 text-emerald-300";
+    case "partial":
+      return "bg-amber-500/15 border-amber-400/30 text-amber-300";
+    default:
+      return "bg-red-500/15 border-red-400/30 text-red-300";
+  }
+}
+
+function scoreStyles(score: number) {
+  if (score >= 90) return "text-emerald-300";
+  if (score >= 75) return "text-amber-300";
+  return "text-red-300";
+}
+
+export function AccessibilityPageClient() {
+  const [data, setData] = useState<AccessibilityApiResponse | null>(null);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState<string | null>(null);
+
+  useEffect(() => {
+    let mounted = true;
+
+    const load = async () => {
+      try {
+        setLoading(true);
+        setError(null);
+
+        const response = await fetch("/api/accessibility", { cache: "no-store" });
+        const payload = (await response.json()) as AccessibilityApiResponse & { error?: string };
+
+        if (!response.ok) {
+          throw new Error(payload.error || "Failed to load accessibility audit data.");
+        }
+
+        if (mounted) {
+          setData(payload);
+        }
+      } catch (loadError) {
+        if (mounted) {
+          setError(loadError instanceof Error ? loadError.message : "Unexpected error");
+        }
+      } finally {
+        if (mounted) {
+          setLoading(false);
+        }
+      }
+    };
+
+    void load();
+
+    return () => {
+      mounted = false;
+    };
+  }, []);
+
+  const failedChecks = useMemo(() => {
+    if (!data) return [];
+    return data.auditChecks.filter((check) => check.status === "fail");
+  }, [data]);
+
+  if (loading) {
+    return (
+      <Card className="bg-[#0f0f0f] border-white/10 p-10 text-center">
+        <Loader2 className="w-7 h-7 mx-auto mb-4 animate-spin text-[#06D6A0]" />
+        <p className="text-gray-300">Loading accessibility audit results...</p>
+      </Card>
+    );
+  }
+
+  if (error || !data) {
+    return (
+      <Card className="bg-red-500/10 border-red-400/30 p-10 text-center">
+        <AlertTriangle className="w-7 h-7 mx-auto mb-4 text-red-300" />
+        <p className="text-red-200 mb-4">{error || "Unable to load accessibility audit results."}</p>
+        <button
+          type="button"
+          onClick={() => window.location.reload()}
+          className="rounded-md border border-red-300/40 px-4 py-2 text-sm text-red-100 hover:bg-red-400/10"
+        >
+          Retry
+        </button>
+      </Card>
+    );
+  }
+
+  return (
+    <div className="space-y-8">
+      <Card className="bg-[#0f0f0f] border-white/10 p-8">
+        <div className="flex flex-col md:flex-row md:items-center md:justify-between gap-6">
+          <div>
+            <h2 className="text-2xl font-semibold mb-2">Accessibility Compliance Snapshot</h2>
+            <p className="text-gray-400">Persistent audit results from the latest accessibility review cycle.</p>
+          </div>
+
+          <div className="text-right">
+            <p className={`text-5xl font-bold ${scoreStyles(data.overallScore)}`}>{data.overallScore}</p>
+            <p className="text-xs text-gray-500 mt-1">Score out of 100</p>
+          </div>
+        </div>
+
+        <div className="mt-6 flex flex-wrap gap-3">
+          <Badge className={`border capitalize ${complianceStyles(data.complianceStatus)}`}>
+            {data.complianceStatus === "compliant" ? <ShieldCheck className="w-3.5 h-3.5 mr-1" /> : <ShieldAlert className="w-3.5 h-3.5 mr-1" />}
+            {data.complianceStatus}
+          </Badge>
+          <Badge className="border border-cyan-400/30 bg-cyan-500/15 text-cyan-300">WCAG Target: {data.wcagLevelTarget}</Badge>
+          <Badge className="border border-white/15 bg-white/5 text-gray-300">{data.summary.pass} pass</Badge>
+          <Badge className="border border-white/15 bg-white/5 text-gray-300">{data.summary.warning} warning</Badge>
+          <Badge className="border border-white/15 bg-white/5 text-gray-300">{data.summary.fail} fail</Badge>
+        </div>
+      </Card>
+
+      <Card className="bg-[#0f0f0f] border-white/10 p-8">
+        <h3 className="text-xl font-semibold mb-5">Audit Checks</h3>
+        <div className="space-y-4">
+          {data.auditChecks.map((check: AccessibilityAuditCheck) => (
+            <div key={check.name} className="rounded-lg border border-white/10 bg-[#141414] p-4">
+              <div className="flex flex-col md:flex-row md:items-center md:justify-between gap-3 mb-2">
+                <p className="font-medium">{check.name}</p>
+                <Badge className={`border capitalize ${statusStyles(check.status)}`}>
+                  <span className="mr-1">{statusIcon(check.status)}</span>
+                  {check.status}
+                </Badge>
+              </div>
+              <p className="text-sm text-gray-300">{check.description}</p>
+            </div>
+          ))}
+        </div>
+      </Card>
+
+      <Card className="bg-[#0f0f0f] border-white/10 p-8">
+        <h3 className="text-xl font-semibold mb-5">Priority Recommendations</h3>
+        {failedChecks.length === 0 ? (
+          <div className="rounded-lg border border-emerald-400/30 bg-emerald-500/10 p-4 text-emerald-200">
+            No failing checks. Continue monitoring warnings and maintain regression testing.
+          </div>
+        ) : (
+          <div className="space-y-3">
+            {failedChecks.map((check) => (
+              <div key={check.name} className="rounded-lg border border-red-400/25 bg-red-500/10 p-4">
+                <p className="font-medium text-red-200 mb-1">{check.name}</p>
+                <p className="text-sm text-red-100/90">{check.recommendation}</p>
+              </div>
+            ))}
+          </div>
+        )}
+      </Card>
+    </div>
+  );
+}
diff --git a/src/app/accessibility/page.tsx b/src/app/accessibility/page.tsx
index 3f5e91ac..d82b18a0 100644
--- a/src/app/accessibility/page.tsx
+++ b/src/app/accessibility/page.tsx
@@ -1,23 +1,15 @@
-import Link from "next/link";
-import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
-import { Separator } from "@/components/ui/separator";
-import {
-  Keyboard,
-  Volume2,
-  Eye,
-  Focus,
-  ImageIcon,
-  Code2,
-  AlertCircle,
-  ExternalLink,
-} from "lucide-react";
+/* eslint-disable react/no-unescaped-entities */
+import type { Metadata } from "next";
+import { AccessibilityPageClient } from "./accessibility-page-client";
 
-export const metadata = {
+export const metadata: Metadata = {
   title: "Accessibility — forAgents.dev",
-  description: "Our commitment to making forAgents.dev accessible to everyone. WCAG 2.1 AA compliance standards and practices.",
+  description:
+    "Live accessibility compliance status for forAgents.dev, including WCAG target level, audit checks, and remediation recommendations.",
   openGraph: {
     title: "Accessibility — forAgents.dev",
-    description: "Our commitment to making forAgents.dev accessible to everyone. WCAG 2.1 AA compliance standards and practices.",
+    description:
+      "Live accessibility compliance status for forAgents.dev, including WCAG target level, audit checks, and remediation recommendations.",
     url: "https://foragents.dev/accessibility",
     siteName: "forAgents.dev",
     type: "website",
@@ -25,331 +17,18 @@ export const metadata = {
 };
 
 export default function AccessibilityPage() {
-  const practices = [
-    {
-      icon: Keyboard,
-      title: "Keyboard Navigation",
-      description:
-        "Full keyboard navigation support with visible focus indicators. Navigate the entire site using Tab, Enter, and arrow keys without a mouse.",
-    },
-    {
-      icon: Volume2,
-      title: "Screen Reader Support",
-      description:
-        "Semantic HTML and ARIA labels ensure compatibility with screen readers like NVDA, JAWS, and VoiceOver for blind and low-vision users.",
-    },
-    {
-      icon: Eye,
-      title: "Color Contrast",
-      description:
-        "Text and interactive elements meet WCAG AA contrast ratios (4.5:1 for normal text, 3:1 for large text) for readability.",
-    },
-    {
-      icon: Focus,
-      title: "Focus Management",
-      description:
-        "Clear focus states on all interactive elements. Focus is managed predictably during navigation and modal interactions.",
-    },
-    {
-      icon: ImageIcon,
-      title: "Alt Text",
-      description:
-        "All meaningful images include descriptive alt text. Decorative images are marked appropriately to avoid screen reader clutter.",
-    },
-    {
-      icon: Code2,
-      title: "Semantic HTML",
-      description:
-        "Proper HTML5 semantic elements (nav, main, article, section) provide structure and improve navigation for assistive technologies.",
-    },
-  ];
-
-  const resources = [
-    {
-      title: "WCAG 2.1 Guidelines",
-      url: "https://www.w3.org/WAI/WCAG21/quickref/",
-      description: "Official Web Content Accessibility Guidelines",
-    },
-    {
-      title: "WebAIM",
-      url: "https://webaim.org/",
-      description: "Resources and articles on web accessibility",
-    },
-    {
-      title: "axe DevTools",
-      url: "https://www.deque.com/axe/devtools/",
-      description: "Browser extension for accessibility testing",
-    },
-    {
-      title: "WAVE Tool",
-      url: "https://wave.webaim.org/",
-      description: "Web accessibility evaluation tool",
-    },
-  ];
-
   return (
-    <div className="min-h-screen bg-[#0a0a0a]">
-
-      {/* Hero Section */}
-      <section className="relative overflow-hidden min-h-[400px] flex items-center">
-        {/* Subtle aurora background */}
-        <div className="absolute inset-0">
-          <div className="absolute top-1/4 left-1/2 -translate-x-1/2 w-[60vw] h-[60vw] max-w-[800px] max-h-[800px] bg-[#06D6A0]/5 rounded-full blur-[160px]" />
-          <div className="absolute top-1/3 left-1/3 w-[40vw] h-[40vw] max-w-[500px] max-h-[500px] bg-purple/3 rounded-full blur-[120px]" />
-        </div>
-
-        <div className="relative max-w-3xl mx-auto px-4 py-20 text-center">
-          <h1 className="text-[40px] md:text-[56px] font-bold tracking-[-0.02em] text-[#F8FAFC] mb-4">
-            Accessibility
-          </h1>
-          <p className="text-xl text-foreground/80 mb-2">
-            Building for everyone, including AI agents
-          </p>
-        </div>
-      </section>
-
-      <Separator className="opacity-10" />
-
-      {/* Our Commitment */}
-      <section className="max-w-3xl mx-auto px-4 py-16">
-        <div className="relative overflow-hidden rounded-xl border border-white/10 bg-card/30 p-8">
-          <div className="absolute top-0 right-0 w-48 h-48 bg-[#06D6A0]/10 rounded-full blur-[80px]" />
-          <div className="relative">
-            <div className="flex items-center gap-2 mb-4">
-              <span className="text-2xl">♿</span>
-              <h2 className="text-2xl font-bold">Our Commitment</h2>
-            </div>
-            <div className="space-y-4 text-muted-foreground">
-              <p>
-                <strong className="text-foreground">forAgents.dev</strong> is
-                committed to ensuring digital accessibility for people with
-                disabilities. We are continually improving the user experience
-                for everyone and applying relevant accessibility standards.
-              </p>
-              <p>
-                Our goal is to meet or exceed{" "}
-                <a
-                  href="https://www.w3.org/WAI/WCAG21/quickref/?currentsidebar=%23col_customize&levels=aaa"
-                  target="_blank"
-                  rel="noopener noreferrer"
-                  className="text-[#06D6A0] hover:underline"
-                >
-                  WCAG 2.1 Level AA
-                </a>{" "}
-                conformance. This includes making our content perceivable,
-                operable, understandable, and robust for all users — including
-                those using assistive technologies and autonomous AI agents.
-              </p>
-              <p>
-                Because we&apos;re an agent-native platform, we design with both
-                human and machine accessibility in mind. Clean semantic markup,
-                predictable structure, and machine-readable endpoints benefit
-                everyone.
-              </p>
-            </div>
-          </div>
-        </div>
-      </section>
-
-      <Separator className="opacity-10" />
-
-      {/* What We Do */}
-      <section className="max-w-5xl mx-auto px-4 py-16">
+    <div className="min-h-screen bg-[#0a0a0a] text-white">
+      <div className="max-w-6xl mx-auto px-6 py-16">
         <div className="text-center mb-12">
-          <h2 className="text-2xl font-bold mb-2">What We Do</h2>
-          <p className="text-muted-foreground">
-            Our accessibility practices and standards
-          </p>
-        </div>
-
-        <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
-          {practices.map((practice, index) => {
-            const Icon = practice.icon;
-            return (
-              <div
-                key={index}
-                className="relative overflow-hidden rounded-lg border border-white/10 bg-card/30 p-6 hover:border-[#06D6A0]/20 transition-all group"
-              >
-                <div className="absolute top-0 right-0 w-32 h-32 bg-[#06D6A0]/5 rounded-full blur-[60px] opacity-0 group-hover:opacity-100 transition-opacity" />
-                <div className="relative">
-                  <div className="flex items-center gap-3 mb-3">
-                    <div className="p-2 rounded-lg bg-[#06D6A0]/10 text-[#06D6A0]">
-                      <Icon className="w-5 h-5" />
-                    </div>
-                    <h3 className="font-bold text-foreground">
-                      {practice.title}
-                    </h3>
-                  </div>
-                  <p className="text-sm text-muted-foreground">
-                    {practice.description}
-                  </p>
-                </div>
-              </div>
-            );
-          })}
-        </div>
-      </section>
-
-      <Separator className="opacity-10" />
-
-      {/* Known Limitations */}
-      <section className="max-w-3xl mx-auto px-4 py-16">
-        <div className="relative overflow-hidden rounded-xl border border-yellow-500/20 bg-card/30 p-8">
-          <div className="absolute top-0 right-0 w-48 h-48 bg-yellow-500/10 rounded-full blur-[80px]" />
-          <div className="relative">
-            <div className="flex items-center gap-2 mb-4">
-              <AlertCircle className="w-6 h-6 text-yellow-500" />
-              <h2 className="text-2xl font-bold">Known Limitations</h2>
-            </div>
-            <div className="space-y-4 text-muted-foreground">
-              <p>
-                We&apos;re committed to transparency about where we can improve.
-                Current known accessibility gaps include:
-              </p>
-              <ul className="space-y-2 ml-6 list-disc">
-                <li>
-                  Some dynamic content updates may not announce properly to
-                  screen readers
-                </li>
-                <li>
-                  Third-party embedded content (GitHub cards, social embeds) may
-                  not meet our accessibility standards
-                </li>
-                <li>
-                  Complex data visualizations and charts need improved
-                  descriptive alternatives
-                </li>
-                <li>
-                  Some modal dialogs may trap focus unpredictably in edge cases
-                </li>
-              </ul>
-              <p className="text-sm">
-                We&apos;re actively working to address these issues. If you
-                encounter barriers not listed here, please let us know.
-              </p>
-            </div>
-          </div>
-        </div>
-      </section>
-
-      <Separator className="opacity-10" />
-
-      {/* Report an Issue */}
-      <section className="max-w-3xl mx-auto px-4 py-16">
-        <div className="relative overflow-hidden rounded-2xl border border-[#06D6A0]/20 bg-gradient-to-br from-[#06D6A0]/5 via-card/80 to-purple/5">
-          <div className="absolute top-0 right-0 w-64 h-64 bg-[#06D6A0]/10 rounded-full blur-[80px]" />
-          <div className="absolute bottom-0 left-0 w-48 h-48 bg-purple/10 rounded-full blur-[60px]" />
-
-          <div className="relative p-8 md:p-12">
-            <div className="flex items-center gap-3 mb-4">
-              <span className="text-3xl">🐛</span>
-              <h2 className="text-2xl font-bold">Report an Issue</h2>
-            </div>
-
-            <p className="text-muted-foreground mb-6 max-w-2xl">
-              If you experience any accessibility barriers on forAgents.dev,
-              please let us know. Your feedback helps us improve for everyone.
-            </p>
-
-            <div className="space-y-3 mb-6">
-              <div className="flex items-start gap-2 text-sm">
-                <span className="text-[#06D6A0] mt-0.5">•</span>
-                <span className="text-muted-foreground">
-                  Describe the issue and which page or feature you encountered
-                  it on
-                </span>
-              </div>
-              <div className="flex items-start gap-2 text-sm">
-                <span className="text-[#06D6A0] mt-0.5">•</span>
-                <span className="text-muted-foreground">
-                  Include your assistive technology (screen reader, browser
-                  extension, etc.)
-                </span>
-              </div>
-              <div className="flex items-start gap-2 text-sm">
-                <span className="text-[#06D6A0] mt-0.5">•</span>
-                <span className="text-muted-foreground">
-                  Let us know your browser and operating system
-                </span>
-              </div>
-            </div>
-
-            <div className="flex flex-col sm:flex-row items-start gap-3">
-              <a
-                href="mailto:kai@itskai.dev?subject=Accessibility%20Issue%20on%20forAgents.dev"
-                className="inline-flex items-center justify-center gap-2 px-6 py-3 rounded-lg bg-[#06D6A0] text-[#0a0a0a] font-semibold text-sm hover:brightness-110 transition-all"
-              >
-                Email Us
-              </a>
-              <a
-                href="https://github.com/reflectt/foragents.dev/issues/new?labels=accessibility&template=accessibility.md"
-                target="_blank"
-                rel="noopener noreferrer"
-                className="inline-flex items-center justify-center gap-2 px-6 py-3 rounded-lg border border-white/10 text-foreground font-semibold text-sm hover:bg-white/5 transition-colors"
-              >
-                GitHub Issue →
-              </a>
-            </div>
-          </div>
-        </div>
-      </section>
-
-      <Separator className="opacity-10" />
-
-      {/* Resources */}
-      <section className="max-w-3xl mx-auto px-4 py-16">
-        <div className="text-center mb-8">
-          <h2 className="text-2xl font-bold mb-2">📚 Resources</h2>
-          <p className="text-muted-foreground">
-            Learn more about web accessibility
-          </p>
-        </div>
-
-        <div className="space-y-3">
-          {resources.map((resource, index) => (
-            <Card
-              key={index}
-              className="bg-card/50 border-white/5 hover:border-[#06D6A0]/20 transition-all group"
-            >
-              <CardHeader className="pb-3">
-                <CardTitle className="text-base flex items-center justify-between">
-                  <span className="text-foreground">{resource.title}</span>
-                  <ExternalLink className="w-4 h-4 text-muted-foreground group-hover:text-[#06D6A0] transition-colors" />
-                </CardTitle>
-              </CardHeader>
-              <CardContent>
-                <p className="text-sm text-muted-foreground mb-3">
-                  {resource.description}
-                </p>
-                <a
-                  href={resource.url}
-                  target="_blank"
-                  rel="noopener noreferrer"
-                  className="text-sm text-[#06D6A0] hover:underline font-mono"
-                >
-                  {resource.url}
-                </a>
-              </CardContent>
-            </Card>
-          ))}
-        </div>
-      </section>
-
-      <Separator className="opacity-10" />
-
-      {/* Feedback Welcome */}
-      <section className="max-w-3xl mx-auto px-4 py-16">
-        <div className="text-center">
-          <p className="text-muted-foreground">
-            Accessibility is an ongoing effort. We welcome your feedback and
-            suggestions.
-          </p>
-          <p className="text-sm text-muted-foreground mt-2">
-            Last updated: February 2026
+          <h1 className="text-4xl font-bold mb-3 text-[#06D6A0]">Accessibility</h1>
+          <p className="text-gray-400 max-w-3xl mx-auto">
+            We're publishing real accessibility audit data sourced from persistent records through the /api/accessibility endpoint.
           </p>
         </div>
-      </section>
 
+        <AccessibilityPageClient />
+      </div>
     </div>
   );
 }
diff --git a/src/app/api/accessibility/route.ts b/src/app/api/accessibility/route.ts
new file mode 100644
index 00000000..4fb3197e
--- /dev/null
+++ b/src/app/api/accessibility/route.ts
@@ -0,0 +1,103 @@
+import { promises as fs } from "fs";
+import path from "path";
+import { NextResponse } from "next/server";
+import type {
+  AccessibilityApiResponse,
+  AccessibilityAuditCheck,
+  AccessibilityAuditData,
+  AccessibilityCheckStatus,
+  AccessibilityComplianceStatus,
+} from "@/lib/accessibility";
+
+export const runtime = "nodejs";
+
+const ACCESSIBILITY_DATA_PATH = path.join(process.cwd(), "data", "accessibility.json");
+const VALID_STATUSES: AccessibilityCheckStatus[] = ["pass", "warning", "fail"];
+
+function isValidCheck(check: AccessibilityAuditCheck): boolean {
+  return (
+    typeof check.name === "string" &&
+    VALID_STATUSES.includes(check.status) &&
+    typeof check.description === "string" &&
+    typeof check.recommendation === "string"
+  );
+}
+
+function isValidAuditData(data: AccessibilityAuditData): boolean {
+  return (
+    typeof data.overallScore === "number" &&
+    data.overallScore >= 0 &&
+    data.overallScore <= 100 &&
+    ["AA", "AAA"].includes(data.wcagLevelTarget) &&
+    Array.isArray(data.auditChecks) &&
+    data.auditChecks.length === 8 &&
+    data.auditChecks.every(isValidCheck)
+  );
+}
+
+function getComplianceStatus(data: AccessibilityAuditData): AccessibilityComplianceStatus {
+  const failCount = data.auditChecks.filter((check) => check.status === "fail").length;
+
+  if (data.overallScore >= 90 && failCount === 0) {
+    return "compliant";
+  }
+
+  if (data.overallScore >= 75 && failCount <= 2) {
+    return "partial";
+  }
+
+  return "non-compliant";
+}
+
+function buildResponse(data: AccessibilityAuditData): AccessibilityApiResponse {
+  const pass = data.auditChecks.filter((check) => check.status === "pass").length;
+  const warning = data.auditChecks.filter((check) => check.status === "warning").length;
+  const fail = data.auditChecks.filter((check) => check.status === "fail").length;
+
+  return {
+    ...data,
+    complianceStatus: getComplianceStatus(data),
+    summary: {
+      pass,
+      warning,
+      fail,
+      totalChecks: data.auditChecks.length,
+    },
+  };
+}
+
+async function readAccessibilityData(): Promise<AccessibilityAuditData | null> {
+  try {
+    const raw = await fs.readFile(ACCESSIBILITY_DATA_PATH, "utf-8");
+    const parsed = JSON.parse(raw) as AccessibilityAuditData;
+
+    if (!isValidAuditData(parsed)) {
+      return null;
+    }
+
+    return parsed;
+  } catch {
+    return null;
+  }
+}
+
+export async function GET() {
+  const data = await readAccessibilityData();
+
+  if (!data) {
+    return NextResponse.json(
+      {
+        error: "Accessibility audit data unavailable",
+      },
+      {
+        status: 500,
+      }
+    );
+  }
+
+  return NextResponse.json(buildResponse(data), {
+    headers: {
+      "Cache-Control": "no-store",
+    },
+  });
+}
diff --git a/src/lib/accessibility.ts b/src/lib/accessibility.ts
new file mode 100644
index 00000000..70991f63
--- /dev/null
+++ b/src/lib/accessibility.ts
@@ -0,0 +1,27 @@
+export type AccessibilityCheckStatus = "pass" | "fail" | "warning";
+export type WcagLevelTarget = "AA" | "AAA";
+
+export interface AccessibilityAuditCheck {
+  name: string;
+  status: AccessibilityCheckStatus;
+  description: string;
+  recommendation: string;
+}
+
+export interface AccessibilityAuditData {
+  overallScore: number;
+  wcagLevelTarget: WcagLevelTarget;
+  auditChecks: AccessibilityAuditCheck[];
+}
+
+export type AccessibilityComplianceStatus = "compliant" | "partial" | "non-compliant";
+
+export interface AccessibilityApiResponse extends AccessibilityAuditData {
+  complianceStatus: AccessibilityComplianceStatus;
+  summary: {
+    pass: number;
+    warning: number;
+    fail: number;
+    totalChecks: number;
+  };
+}