From 1f2213a24a4d84e6dc132bdbf44717e8ddadf785 Mon Sep 17 00:00:00 2001
From: William Zujkowski <williamzujkowski@gmail.com>
Date: Tue, 31 Mar 2026 22:56:08 -0400
Subject: [PATCH] fix(a11y): improve chapter description text contrast to meet
 WCAG AA

Chapter hint text on title browse pages used text-gray-400 which fails
WCAG AA contrast (4.39:1 on warm-white, needs 4.5:1). Changed to
text-slate (dark mode: text-gray-400) which provides 6.48:1+ contrast.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 apps/web/src/pages/browse/[title].astro | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/web/src/pages/browse/[title].astro b/apps/web/src/pages/browse/[title].astro
index 39e475e..3524ee0 100644
--- a/apps/web/src/pages/browse/[title].astro
+++ b/apps/web/src/pages/browse/[title].astro
@@ -182,7 +182,7 @@ const chapters: ChapterView[] = sortedChapters.map(([chapterNum, chapterEntries]
               Ch. {ch.chapterNum}
             </a>
             {ch.chapterHint && (
-              <span class="truncate text-xs text-gray-400 dark:text-gray-600">&mdash; {ch.chapterHint}</span>
+              <span class="truncate text-xs text-slate dark:text-gray-400">&mdash; {ch.chapterHint}</span>
             )}
           </span>
           <span class="ml-auto flex items-center gap-2 text-xs text-gray-400">