Skip to content

Commit 4f6a0d2

Browse files
fix(a11y): improve chapter description text contrast to meet WCAG AA (#136)
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>
1 parent 3607e15 commit 4f6a0d2

1 file changed

Lines changed: 1 addition & 1 deletion

File tree

apps/web/src/pages/browse/[title].astro

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -182,7 +182,7 @@ const chapters: ChapterView[] = sortedChapters.map(([chapterNum, chapterEntries]
182182
Ch. {ch.chapterNum}
183183
</a>
184184
{ch.chapterHint && (
185-
<span class="truncate text-xs text-gray-400 dark:text-gray-600">&mdash; {ch.chapterHint}</span>
185+
<span class="truncate text-xs text-slate dark:text-gray-400">&mdash; {ch.chapterHint}</span>
186186
)}
187187
</span>
188188
<span class="ml-auto flex items-center gap-2 text-xs text-gray-400">

0 commit comments

Comments
 (0)