ss-a11y 접근성 감사

무엇을 해주나

• 지정한 파일(컴포넌트/페이지)을 읽어 WCAG 2.2 AA 기준으로 점검합니다.
• 지각(색 대비·대체 텍스트), 운용(터치 타깃 44px, 키보드 접근성, prefers-reduced-motion), 이해(레이블·에러 연결·lang 속성), 견고성(시맨틱 HTML·ARIA·role) 4축 체크리스트를 순서대로 적용합니다.
• 디자인 시스템 토큰별 최소 대비율 표(--foreground, --muted-foreground, --brand, --destructive 등)를 기준으로 커스텀 색상을 플래그합니다.
• 결과를 Critical/Major/Minor 심각도로 정리하고, 자동으로 고칠 수 있는 항목은 직접 수정하며, 사람 판단이 필요한 항목은 따로 표시합니다.

이런 분께 추천

• StyleSeed 기반 프로젝트(.styleseed 레지스트리, data-slot, 시맨틱 토큰)를 운영하는 팀
• Tailwind + Radix UI 조합으로 UI를 만드는 프론트엔드 개발자
• 릴리스 전에 접근성 이슈를 코드 레벨에서 훑고 싶은 디자인 시스템 담당자

활용 예시

1. Button.tsx를 지정해 아이콘 버튼의 aria-label 누락과 히트 영역 부족을 찾아 수정.
2. 폼 페이지를 감사해 입력 필드의 보이는 레이블과 aria-describedby 에러 연결 여부를 점검.
3. 애니메이션이 많은 랜딩 페이지에서 prefers-reduced-motion 대응 누락을 찾아 CSS 가드 추가.

주의: 런타임 스크린리더 시뮬레이션이 아니라 정적 코드 감사이며, 일반 UX 휴리스틱 점검은 /ss-audit, 디자인 시스템 준수 리뷰는 /ss-review가 담당합니다.

이 파일의 지시를 읽고 그대로 따라서 나를 도와줘:
https://raw.githubusercontent.com/bitjaru/styleseed/HEAD/engine/.claude/skills/ss-a11y/SKILL.md

내가 원하는 것: (여기에 하고 싶은 일을 쓰세요)

클로드스킬마트에서 찾은 스킬을 설치해줘.
GitHub 저장소 bitjaru/styleseed 의 engine/.claude/skills/ss-a11y 폴더를 내 ~/.claude/skills/ss-a11y/ 에 그대로 복사해줘.
설치가 끝나면 이 스킬로 무엇을 할 수 있는지 한 줄로 알려줘.