Skip to content

fix(a11y): 모바일 읽기 경험 개선#100

Merged
dev-wooyeon merged 3 commits into
masterfrom
codex/hig-mobile-reading
May 6, 2026
Merged

fix(a11y): 모바일 읽기 경험 개선#100
dev-wooyeon merged 3 commits into
masterfrom
codex/hig-mobile-reading

Conversation

@dev-wooyeon

Copy link
Copy Markdown
Owner

Summary

  • MDX 본문 크기와 문단 간격을 모바일 긴 글 기준으로 조정하고 고대비 토큰을 추가했습니다.
  • Command Palette에 전체/Tech/Life/Resume 범위 chip과 실제 태그 기반 추천어를 추가했습니다.
  • 모바일 메뉴/필터 터치 타깃과 motion mode 연동을 보강했습니다.

Validation

  • npm run lint
  • npm run lint:css:syntax
  • npm run test:unit -- src/styles/globals.test.ts src/features/search/model/get-search-actions.test.ts src/features/search/model/search-recommendations.test.ts src/features/blog/ui/components/PostList.test.tsx src/features/blog/ui/components/ReadingProgress/ReadingProgress.test.tsx src/shared/ui/ThemeToggle.test.tsx
  • npm run build
  • Playwright browser check on http://localhost:3000/blog/ai-skills-workflow mobile viewport

본문 전용 line-height 토큰을 추가하고 MDX prose의 본문 크기와 문단 간격을 모바일 긴 글 기준으로 조정했어요.

고대비 환경에서 링크와 인용문, 주요 색상 토큰이 더 분명하게 보이도록 contrast override도 추가했어요.
Command Palette에 전체, Tech, Life, Resume 범위 chip을 추가하고 섹션 이동 액션을 검색 대상으로 포함했어요.

고정 추천어 대신 실제 포스트 태그 빈도 기반 추천어를 노출하도록 검색 추천 모델과 테스트를 추가했어요.
모바일 메뉴, 필터, 글 태그의 터치 영역과 focus ring을 정리해 작은 화면에서 누르기 쉬운 컨트롤로 맞췄어요.

PostList, ReadingProgress, ThemeToggle이 기존 motion mode를 따르도록 연결해 reduced/off 설정에서 움직임을 줄이도록 했어요.
@vercel

vercel Bot commented May 6, 2026

Copy link
Copy Markdown

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

Project Deployment Actions Updated (UTC)
eunu-log Ready Ready Preview, Comment May 6, 2026 10:13am

@dev-wooyeon dev-wooyeon marked this pull request as ready for review May 6, 2026 14:19
@dev-wooyeon dev-wooyeon merged commit c7637a1 into master May 6, 2026
3 checks passed
@dev-wooyeon dev-wooyeon deleted the codex/hig-mobile-reading branch June 15, 2026 13:52
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