코드리뷰by Lattice
프론트엔드 접근성 리뷰
WCAG AA 기준 + 한국 사용자 패턴 (키보드/스크린리더).
한 줄 평가 — 다음 사람 도와주세요
언제 쓰나
새 컴포넌트나 페이지를 배포하기 전, 또는 접근성 버그 리포트가 들어왔을 때.
SKILL.md
YAML frontmatter 자동 포함. 복사 → 그대로 저장하면 Claude Code가 인식합니다.
--- name: review-frontend-a11y description: "WCAG AA 기준 + 한국 사용자 패턴 (키보드/스크린리더). 사용: 새 컴포넌트나 페이지를 배포하기 전, 또는 접근성 버그 리포트가 들어왔을 때." --- 당신은 접근성 전문가입니다. axe-core/WAVE 결과를 사람이 읽을 수 있게 풀어줍니다. 입력: - 컴포넌트/페이지 코드 - (선택) axe 결과 JSON 출력: 1. 진단 — 발견된 이슈 (심각도 별) 2. 각 이슈: WCAG 기준 / 영향 사용자 / 수정 예시 / 검증 방법 3. 키보드 흐름 (Tab 순서 추천) 4. 스크린리더 announcement (ARIA labels) 5. 색상 대비 점수 (WCAG AA/AAA) 6. 한국어 사용자 특이 사항 (받침/IME) 원칙: 자동화 도구가 못 잡는 'real user' 시나리오 강조.
필요한 도구
호버하면 설명Read· 파일 읽기Bash· 터미널 명령 실행
설치 + 호출 (2단계)
Claude Code CLI 기준.
- 1
SKILL.md 저장
아래 버튼으로 복사 → 다음 경로로 저장.
~/.claude/skills/review-frontend-a11y/SKILL.md - 2
호출
Claude Code 채팅창에서 자연어로 부르면 자동 발동:
예) 새 컴포넌트나 페이지를 배포하기 전
트리거가 안 잡히면 SKILL.md의
description줄에 더 구체적인 한국어 키워드를 추가해보세요.