Skip to content

fix(a11y): meet WCAG AA contrast for text and code (ENG-153) - #112

Merged
odanieldcs merged 1 commit into
mainfrom
feature/eng-153
Oct 11, 2026
Merged

odanieldcs merged 1 commit into
mainfrom
feature/eng-153

Conversation

@odanieldcs

Copy link
Copy Markdown
Owner

Summary

  • Raise text that failed WCAG AA onto text-foreground/65 and text-muted, so light and dark both clear 4.5:1 without a new color token.
  • Darken the light eyebrow and switch code blocks to the Shiki high-contrast themes so comments, line numbers, and the language label pass on both themes.

Test plan

  • axe-core 4.13 color-contrast = 0 on /, /en, /blog, /blog?view=grid, /about, /community, /privacy, /alunos, a 404, and 3 posts (LocalStack plus two prose posts), light and dark, at 390 and 1280
  • pnpm test on the touched view and MDX files (31 tests)
  • Light and dark at 1280: home, about, the LocalStack post, and /alunos

Light opacities and the code theme sat under 4.5:1. Move them onto existing tokens and the Shiki high-contrast themes.
@vercel

vercel Bot commented Oct 11, 2026 •

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated
danieldcs-com Ready Ready Preview Oct 11, 2026 3:34pm UTC

@odanieldcs
odanieldcs merged commit e5a6e91 into main Oct 11, 2026
8 checks passed
@odanieldcs
odanieldcs deleted the feature/eng-153 branch October 11, 2026 15:54

This branch was successfully deployed

1 active deployment
Preview — dffa8e58 Deployed Oct 11, 2026 by vercel[bot]
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant