웹 콘텐츠 접근성 가이드라인(WCAG 2.1 레벨 AA)은 디지털 접근성 분야에서 국제적으로 인정받는 표준입니다. 이 가이드라인을 준수하면 시각, 운동, 청각, 인지 장애가 있는 사용자도 웹사이트와 앱을 불편 없이 이용할 수 있도록 보장할 수 있습니다.
구글 플레이에서 제공하는 액세서빌리티 스캐너(Accessibility Scanner)는 무료 앱으로, 개발자·디자이너·프로덕트 리더가 자신의 앱을 진단해 접근성 문제를 발견할 수 있도록 도와줍니다. 이 앱은 WCAG 2.1 레벨 AA 기준에 맞지 않을 수 있는 접근성 문제를 찾아내도록 설계되었습니다.
설치 후에는 앱 화면을 스크린샷으로 캡처하거나 영상으로 녹화하면, 스캐너가 작은 터치 대상, 낮은 색상 대비, 누락된 콘텐츠 라벨 같은 접근성 요건 미달 영역을 자동으로 표시해 줍니다.
이 글에서 다룰 내용
- 액세서빌리티 스캐너 다운로드 및 활성화 방법
- 액세서빌리티 스캐너 사용 방법
- 스냅샷 기능 활용법
- 녹화 기능 활용법
- 액세서빌리티 스캐너를 사용해야 하는 이유
액세서빌리티 스캐너 다운로드 및 활성화하기
다음 5단계만 거치면 안드로이드 기기에 액세서빌리티 스캐너를 다운로드하고 활성화할 수 있습니다.
- 구글 플레이 스토어에서 "Accessibility Scanner(접근성 검사)"를 검색해 다운로드합니다.
- 기기에서 다운로드한 앱을 찾아 실행합니다.
- 화면 오른쪽 하단의 [켜기] 버튼을 눌러 스캐너를 활성화하면 접근성 설정 화면으로 이동합니다.
- 접근성 설정 페이지에서 액세서빌리티 스캐너 항목을 클릭하면 스캐너 세부 설정 화면으로 넘어갑니다.
- 액세서빌리티 스캐너 토글을 켭니다. 이때 "액세서빌리티 스캐너가 기기를 완전히 제어하도록 허용하시겠습니까?"라는 확인창이 나타나면 [허용]을 누릅니다.
5단계까지 완료하면 화면 오른쪽에 파란색 체크마크 아이콘이 나타납니다(아래 이미지 참고). 이 플로팅 아이콘을 통해 어떤 화면이든 빠르게 접근성 검사를 시작할 수 있습니다.
파란색 체크마크 아이콘을 탭하면 다음과 같은 옵션이 표시됩니다.
- Record(녹화): 사용자 조작 과정을 짧은 영상으로 캡처하고 잠재적 접근성 문제에 대한 리포트를 생성합니다.
- Snapshot(스냅샷): 현재 화면의 정적 스크린샷을 찍고 해당 화면에서 발견된 문제를 표시합니다.
- Turn off(끄기): 액세서빌리티 스캐너를 종료합니다.
- Collapse(축소): 옵션 목록을 접어 처음의 파란색 체크마크 상태로 되돌립니다.
단일 Snapshot(스냅샷)을 찍거나 Record(녹화) 기능으로 사용자 흐름을 기록해 여러 화면을 한꺼번에 평가할 수 있습니다.
스냅샷 기능 활용법
스냅샷 버튼을 누르면 현재 보고 있는 페이지가 캡처되고, 그 페이지에 존재할 수 있는 접근성 문제 결과가 표시됩니다. 접근성 문제는 빨간색 박스로 강조됩니다.
아래 이미지는 페이스북 로그인 페이지를 스냅샷으로 캡처한 결과입니다. 액세서빌리티 스캐너는 이 한 페이지에서만 10개의 접근성 개선 제안을 발견했다고 알려줍니다.
강조된 영역을 클릭하면 해당 접근성 문제에 대한 더 자세한 정보를 확인할 수 있습니다. 예를 들어 위 이미지에서 "휴대폰 번호 또는 이메일" 입력 폼을 가리키는 빨간 박스를 클릭해 볼 수 있습니다.
아래 이미지는 "휴대폰 번호 또는 이메일" 폼 요소를 클릭한 결과입니다. 스캐너가 이 입력 폼에서 발견한 오류들을 보여주고 있습니다.
첫 번째 제안은 항목 라벨 수정입니다. 해당 항목에 스크린 리더가 읽을 수 있는 라벨이 없을 가능성이 있다는 것입니다. 두 번째 지적 사항은 터치 대상(Touch Target)으로, 터치 영역을 더 크게 만들 것을 권장합니다. 마지막 제안은 노출되지 않은 텍스트(Unexposed Text)로, "Mobile number or email"이라는 텍스트가 감지되었다는 내용입니다.
이처럼 스냅샷 기능을 활용하면 페이지를 캡처하고 접근성 문제를 손쉽게 확인할 수 있습니다.
녹화 기능 활용법
녹화를 선택하면 액세서빌리티 스캐너가 앱의 여러 페이지를 탐색하는 동안 일정 간격으로 스냅샷을 자동으로 촬영합니다. 녹화를 끝내려면 파란색 일시정지 버튼(녹화 중에는 원래 체크마크 대신 표시됨)을 탭하면 됩니다.
녹화를 중지하면 스캐너가 여러 스냅샷과 강조된 오류 목록을 제공합니다. 아래 이미지는 페이스북 로그인 페이지를 1분도 되지 않게 녹화한 결과입니다.
녹화하는 동안 앱 내의 다른 페이지들로 이동했고, 그 결과 5개 화면의 스냅샷이 생성되었습니다. 페이지 상단에서 스냅샷들을 확인할 수 있습니다. 아래 이미지는 5개 화면 중 첫 번째 화면을 보여주며, "Screen 1 of 5" 문구 아래의 다른 스냅샷들을 클릭하면 녹화 중 촬영된 각 화면별 문제를 살펴볼 수 있습니다. 스냅샷 감사와 마찬가지로 빨간색 박스를 클릭하면 오류에 대한 상세 정보를 얻을 수 있습니다.
액세서빌리티 스캐너를 사용해야 하는 이유
액세서빌리티 스캐너는 앱 개발 전 과정에서 유용하게 활용할 수 있는 도구입니다. 엔지니어는 개발 초기 단계부터 로컬에서 앱을 스캔해 접근성 문제를 찾아 출시 전에 해결할 수 있습니다. QA 단계에서는 디자이너와 프로덕트 매니저가 UI를 감사하고 잠재적 접근성 우려 사항을 표시하는 데 활용할 수 있습니다. 심지어 앱이 출시된 후에도 모든 팀원들이 스캐너를 계속 사용해 접근성을 모니터링하고 개선할 수 있습니다.
다만 액세서빌리티 스캐너는 접근성 전략의 일부일 뿐이라는 점을 유의해야 합니다. 수동 테스트나 전문 감사를 완전히 대체하지 못하며, 키보드 내비게이션, 스크린 리더 테스트, 인지 편의성 검토가 필요한 영역의 접근성 장벽까지는 모두 잡아내지 못합니다. 그럼에도 안드로이드 앱의 접근성을 개선하기 위한 간단하고 효과적인 출발점이 될 수 있습니다.
따라서 안드로이드의 TalkBack(스크린 리더) 같은 다른 도구와 함께 사용하는 것이 좋습니다. 무엇보다 중요한 것은 보조 기술을 실제로 사용하는 사람들의 피드백입니다. 자동화 도구가 놓칠 수 있는 사용성 장벽을 찾아내는 데 현장의 목소리가 필수적입니다.
몇 번의 탭만으로 액세서빌리티 스캐너는 그렇지 않으면 놓쳤을 문제들을 드러내 줍니다. 포용적인 모바일 경험을 만드는 모든 사람에게 무료이면서 가볍고 필수적인 도구입니다.
마무리하며
이제 액세서빌리티 스캐너를 사용해 앱의 접근성을 점검하고, 모든 사용자가 편리하게 이용할 수 있는 앱을 만드는 방법을 알게 되었습니다.
freeCodeCamp의 오픈소스 커리큘럼은 40,000명 이상의 사람들이 개발자로 취업하는 데 도움을 주었습니다. 무료로 코딩 배우기를 시작해 보세요.