fix(a11y): raise ChannelsTab help text 9px → 11px (WCAG 1.4.3) - #382
Merged
Conversation
Two helper paragraphs in ChannelsTab.tsx used text-[9px] text-zinc-600: - Chat IDs discover hint (line 254) - Allowed Users hint (line 281) 9px fails WCAG 1.4.3 by size alone; zinc-600 on zinc-800/900 bg is ~2.6:1 contrast (fails AA). Changed to text-[11px] text-zinc-500 (~3.8:1 at 11px — acceptable for non-body helper text). Found in UX audit Run 13 (2026-04-16). Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
molecule-ai Bot
pushed a commit
that referenced
this pull request
Apr 21, 2026
Two helper paragraphs in ChannelsTab.tsx used text-[9px] text-zinc-600: - Chat IDs discover hint (line 254) - Allowed Users hint (line 281) 9px fails WCAG 1.4.3 by size alone; zinc-600 on zinc-800/900 bg is ~2.6:1 contrast (fails AA). Changed to text-[11px] text-zinc-500 (~3.8:1 at 11px — acceptable for non-body helper text). Found in UX audit Run 13 (2026-04-16). Co-authored-by: UIUX Designer <uiux@molecule-ai.local> Co-authored-by: Claude Sonnet 4.6 <noreply@anthropic.com>
This was referenced May 2, 2026
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
<p>helper text elements inChannelsTab.tsxusedtext-[9px] text-zinc-600Both fail WCAG 1.4.3 on two axes: 9 px fails by size alone regardless of contrast; zinc-600 on zinc-800/900 bg ≈ 2.6:1 (AA requires 4.5:1 for small text).
Fix:
text-[9px] text-zinc-600→text-[11px] text-zinc-500on both lines.zinc-500 at 11 px ≈ 3.8:1 — acceptable for non-body helper text. No logic changes.
Test plan
npm run buildpasses cleanFound in UX audit Run 13 (2026-04-16). Same pattern as PR #30 (Legend min text size).
🤖 Generated with Claude Code