Legal pages meet basic WCAG 2.1 AA (font, contrast, headings)

GDPR Art. 12(1) requires that privacy information be provided in "an intelligible and easily accessible form" — which courts and regulators interpret to include basic readability and accessibility standards. WCAG 2.2 SC 1.4.3 (minimum contrast ratio 4.5:1) and SC 1.4.4 (text resizable to 200%) are the technical thresholds most referenced in accessibility litigation and Section 508 enforcement. Legal pages rendered in text-sm (14px) with text-gray-400 on white (approximately 2.8:1 contrast) fail both WCAG 2.2 1.4.3 and GDPR Art. 12(1) simultaneously. In the US, ADA Title III web accessibility cases increasingly cite inadequately readable legal pages as a distinct accessibility barrier.

Apply prose prose-neutral dark:prose-invert from the Tailwind Typography plugin to all legal page containers — this applies 16px+ body text, semantic heading styles, 4.5:1+ contrast on default themes, and constrained line length in a single class.

// app/terms/page.tsx — same pattern for all legal pages
export default function TermsPage() {
  return (
    <main className="max-w-3xl mx-auto px-4 py-12">
      <article className="prose prose-neutral dark:prose-invert">
        <h1>Terms of Service</h1>
        <p className="lead">Last updated: February 15, 2026</p>
        <h2>Acceptance of Terms</h2>
        <p>By using our service...</p>
        {/* h2 for major sections, h3 for sub-sections */}
      </article>
    </main>
  )
}

If not using the Typography plugin, apply minimum styles manually in your global CSS:

.legal-content {
  font-size: 1rem;    /* 16px minimum — WCAG 2.2 SC 1.4.4 */
  line-height: 1.75;
  color: #111827;     /* gray-900: ~17:1 contrast on white */
  max-width: 72ch;
}
.legal-content h2 { font-size: 1.5rem; margin-top: 2rem; }
.legal-content a  { text-decoration: underline; color: #1d4ed8; }