Skip to main content
사용 중인 브라우저가 오래되어 이 사이트가 제대로 표시되지 않습니다. Chrome, Edge, Firefox 또는 Safari 최신 버전으로 업데이트해 주세요.
네이티브 모바일 앱 접근성 스캐너

모바일 앱 접근성 스캔

모바일 웹 앱의 URL을 스캔하여 실제 모바일 기기 에뮬레이션 환경에서 자동 접근성 감사를 받고, 추적하고 내보낼 수 있는 iOS, Android, React Native, Flutter용 플랫폼별 WCAG 2.2 체크리스트를 받아보세요. 네이티브 앱 화면의 스크린샷 검토는 선택 사항이며, 비전 모델이 구성되어 있어야 합니다.

WCAG 2.2 AAVoiceOver / TalkBack터치 대상대비리플로우EN 301 549
휴대전화에서 연 AccessiSight 보고서: Accessible University 데모 페이지가 100점 중 73점이며 문제 48건이 발견되었습니다.

1플랫폼 선택

2라이브 URL 검사 (권장: 실제 자동 스캔을 실행합니다)

모바일 웹 앱(또는 사이트의 모바일 보기)의 URL을 입력하세요. 모바일 기기 에뮬레이션 프로필(모바일 뷰포트, 사용자 에이전트, 터치 입력)에서 전체 접근성 엔진을 실행하므로, 터치 대상 크기, 리플로우 및 기타 결과는 모바일로 이름만 바꾼 데스크톱 레이아웃이 아니라 휴대폰 크기의 레이아웃을 반영합니다.

Chromium의 모바일 기기 에뮬레이션(모바일 뷰포트, 사용자 에이전트, 터치 입력)에서 실행되며, 실제 iOS Safari나 Android Chrome 렌더링이 아닙니다. 자체 접근성 트리를 이미 캡처하는 iOS, Android, React Native 또는 Flutter 네이티브 앱의 경우 아래의 네이티브 트리 엔드포인트를 참조하세요.

이미 네이티브 접근성 트리가 있나요?

앱에 XCUITest, UIAutomator 또는 React Native/Flutter 테스트 하네스가 적용되어 있다면, 캡처한 네이티브 접근성 트리를 /api/mobile-scan에 직접 POST하여 터치 대상 및 라벨 누락에 대한 결정적 검사를 받을 수 있습니다. URL이나 스크린샷은 필요하지 않습니다. 자세한 내용은 아래 SDK 탭을 참조하세요.

3스크린샷 업로드 (선택 사항: 서버에 비전 모델이 있는 경우 해당 모델의 시각적 검토)

스크린샷이 없어도 전체 플랫폼 체크리스트를 받아보실 수 있습니다. 비전 모델이 구성된 경우, 스크린샷을 추가하면 선택적인 시각 검토가 더해집니다.

드래그 앤 드롭하거나 클릭하여 업로드

PNG, JPEG 또는 WEBP, 최대 10MB

이 스캐너가 검사하는 항목

자동 모바일 검사

URL을 입력하면 이 앱의 전체 WCAG 탐지 엔진(데스크톱 스캐너와 동일한 엔진)을 모바일 기기 에뮬레이션에서 실행하여, 정적 체크리스트가 아니라 터치 대상, 리플로우 및 모바일 관련 문제를 찾아냅니다.

AI 시각적 분석

서버에 비전 모델이 있는 경우, 스크린샷을 업로드하면 해당 모델이 참고용 시각적 검토(대비, 불분명한 아이콘, 복잡한 레이아웃)를 수행합니다. 비전 모델이 없으면 플랫폼 체크리스트가 제공되며 크레딧은 사용되지 않습니다.

WCAG 2.2 체크리스트

터치 대상, 리플로우, 텍스트 크기 조정, 스크린 리더 호환성, 제스처 대체 수단, 모션, 인증을 다루는 플랫폼별 16개 검사 항목입니다.

React Native 전용

accessibilityRole, accessibilityState, accessibilityHint, accessibilityActions: 개발자가 설정해야 할 정확한 속성(prop)을 WCAG 기준에 매핑하여 알려드립니다.

CI/CD 통합

REST API는 Detox, Appium, XCUITest, Espresso에서 전송된 스크린샷을 수신합니다. 심각한 접근성 회귀가 감지되면 빌드를 자동으로 실패 처리합니다.

Android(TalkBack) 규칙

contentDescription, importantForAccessibility, labelFor: TalkBack에 필요한 Android 속성을 WCAG 4.1.2 기준으로 검사합니다.

iOS(VoiceOver) 규칙

accessibilityLabel, accessibilityTraits, Dynamic Type 지원(scaledFont), accessibilityContainer: VoiceOver 완전 호환을 위한 규칙입니다.

Frequently Asked Questions