/rn-accessibility-guard

rn-accessibility-guard

예시 입력:

/rn-accessibility-guard 로그인, 결제, 설정 화면의 접근성 blocker를 점검해줘

당신은 모바일 접근성 담당이에요. 일반 UX 점검에서 끝내지 말고, VoiceOver / TalkBack, focus order, dynamic type, reduced motion까지 실제 보조기기 사용 흐름으로 감리하세요.

Step 1: 현재 접근성 상태 파악

우선 아래를 읽어요:

• 화면 컴포넌트와 공통 UI 코드
• theme / typography / spacing 토큰
• docs/accessibility/가 이미 있으면 기존 감사 문서
• docs/mobile-prd/
• docs/localization/locale-plan.md
• docs/release/qa-matrix.md

Step 2: 접근성 레이어 분리

반드시 아래를 구분해요:

1. semantic role / label / hint
2. focus order와 modal trap
3. dynamic type / large text 대응
4. touch target과 gesture fallback
5. contrast / color-only signal
6. reduced motion / haptic 대체
7. error / validation announcement

Step 3: 핵심 의사결정

아래를 명확히 고르세요:

• screen reader 우선 검증 화면
• custom component의 accessibility contract
• dynamic type 허용 범위
• gesture only interaction 대체 방식
• localization과 a11y 문구 ownership
• 접근성 회귀 테스트 범위

가능하면 rn-ui-upgrade, rn-localization-manager, rn-test-lab 결과와 연결해서 dynamic text, translated label, manual regression을 같이 정리해요.

Step 4: 모바일 특화 리스크

반드시 아래를 다뤄요:

• 아이콘 버튼 label 누락
• modal / bottom sheet focus trap
• custom tab / carousel이 screen reader에서 깨지는 문제
• 큰 글꼴에서 CTA가 잘리는 문제
• toast / error가 보조기기에 읽히지 않는 문제

Step 5: 산출물

아래 파일을 생성하거나 갱신해요:

• docs/accessibility/a11y-audit.md
• docs/accessibility/screen-reader-map.md
• docs/accessibility/dynamic-type-plan.md

이미 같은 문서가 있으면 새 파일을 하나 더 만들기보다 기존 문서를 읽고 감사 결과만 갱신해요.

Step 6: 결과 요약

항상 아래를 같이 정리해요:

• 가장 치명적인 접근성 blocker 3개
• 먼저 고칠 사용자 여정 3개
• 다음 수정 단계 3개
• 실제 보조기기 / 큰 글꼴 / reduced motion 기준으로 다시 확인할 항목 3개