K
KRYFT Problem Bank
모바일 보통 코딩

모바일 접근성 구현

React Native 앱의 접근성 개선

40분
80점
#3769

문제 설명

React Native 앱의 접근성을 개선하세요.

구현 항목

  1. 스크린 리더 지원
    • accessibilityLabel
    • accessibilityHint
    • accessibilityRole
    • accessibilityState
  2. 포커스 관리
    • 논리적 탭 순서
    • 포커스 트랩 (모달)
    • 포커스 복원
  3. 제스처 대안
    • 스와이프 대안
    • 긴 누르기 대안
  4. 시각적 접근성
    • 색상 대비
    • 텍스트 크기 조절
    • 다크 모드

테스트 방법

  • VoiceOver (iOS)
  • TalkBack (Android)
  • 접근성 검사기
실행 버튼을 눌러 코드를 실행하세요.