테스트·검수
화면낭독기로 테스트하기
NVDA, 센스리더, JAWS, VoiceOver(macOS·iOS), TalkBack의 기본 사용법과 주요 단축키, 둘러보기·포커스 모드의 차이, 웹 페이지를 화면낭독기로 점검하는 절차를 정리합니다.
왜 직접 들어 봐야 하나요
자동 검사 도구와 개발자 도구는 코드가 규칙에 맞는지 알려 주지만, 실제 사용자가 무엇을 듣는지는 알려 주지 않습니다. 같은 접근성 트리라도 화면낭독기와 브라우저 조합에 따라 안내 방식이 다르고, 읽는 순서·중복 안내·상태 변화 누락 같은 문제는 들어 봐야 발견됩니다.
| 화면낭독기 | 플랫폼 | 가격 | 권장 브라우저 |
|---|---|---|---|
| NVDA | Windows | 무료(오픈 소스) | Chrome, Firefox, Edge |
| 센스리더 | Windows | 유료(국내 공공 보급판 있음) | Chrome, Edge |
| JAWS | Windows | 유료(데모 모드 사용 가능) | Chrome, Edge |
| VoiceOver | macOS, iOS, iPadOS | 운영체제 내장 | Safari |
| TalkBack | Android | 운영체제 내장 | Chrome |
| 내레이터 | Windows | 운영체제 내장 | Edge |
최소 조합
국내 서비스라면 NVDA + Chrome, 센스리더 + Chrome(또는 Edge), VoiceOver + Safari(iOS), TalkBack + Chrome 조합을 기본으로 점검하는 경우가 많습니다. 국내 사용자 비중이 높은 센스리더와 무료로 쓸 수 있는 NVDA를 함께 확인하면 데스크톱 문제 대부분을 찾을 수 있습니다.
둘러보기 모드와 포커스 모드
Windows 화면낭독기는 웹 페이지에서 두 가지 모드를 오갑니다. 이 차이를 이해하는 것이 테스트의 출발점입니다.
| 구분 | 둘러보기 모드 | 포커스 모드 |
|---|---|---|
| 다른 이름 | Browse mode(NVDA), 가상 커서(센스리더·JAWS), Virtual PC Cursor | Focus mode(NVDA), 폼 모드(Forms mode, JAWS) |
| 키 입력 | 화면낭독기가 가로챕니다. 화살표로 한 줄씩 읽고, H·K 같은 문자 키로 제목·링크 이동 | 웹 페이지(브라우저)로 그대로 전달됩니다. 글자 입력, 화살표로 위젯 조작 |
| 쓰는 곳 | 문서 읽기, 구조 탐색 | 입력 필드, 콤보박스, 탭·메뉴·그리드 같은 복합 위젯 |
| 전환 | 편집창이나 위젯에 포커스가 가면 보통 자동으로 포커스 모드로 바뀝니다. 수동 전환은 NVDA는 NVDA+Space, JAWS는 Enter(진입)·Esc 또는 숫자패드 +(해제) | |
ARIA 역할은 이 모드 전환에 영향을 줍니다. textbox, combobox, listbox, grid, menu, tablist(탭 이동 시) 같은 위젯은 포커스 모드를 유도하고, application은 영역 전체를 포커스 모드로 만듭니다. 그래서 일반 콘텐츠에 application이나 menu를 잘못 붙이면 사용자가 둘러보기 키로 내용을 읽을 수 없게 됩니다.
macOS·모바일에는 모드 구분이 없습니다
VoiceOver와 TalkBack은 둘러보기·포커스 모드 구분 대신, 커서(VoiceOver 커서, 접근성 포커스)를 요소 단위로 옮기며 읽습니다. VoiceOver는 로터, TalkBack은 읽기 컨트롤로 “제목만”, “링크만” 이동 단위를 바꿉니다.
NVDA
NVDA(NonVisual Desktop Access)는 무료 오픈 소스 화면낭독기입니다. 설치 후 Ctrl+Alt+N으로 실행합니다. NVDA 키는 기본적으로 Insert이며, 설정에서 CapsLock도 쓸 수 있습니다. 개발자는 도구 → 음성 뷰어(Speech viewer)를 켜 두면 읽은 내용을 글자로 확인할 수 있어 편리합니다.
| 기능 | 키 / 제스처 |
|---|---|
| 말하기 중지 | Ctrl |
| 둘러보기·포커스 모드 전환 | NVDA+Space |
| 현재 위치부터 모두 읽기 | NVDA+↓ |
| 현재 위치부터 모두 읽기 (랩톱 배열) | NVDA+A |
| 다음/이전 줄 읽기 (둘러보기) | ↓ / ↑ |
| 다음/이전 제목 | H / Shift+H |
| 수준별 제목 | 1 ~ 6 |
| 다음 랜드마크 | D |
| 다음 링크 / 폼 필드 / 버튼 | K / F / B |
| 다음 편집창 / 체크박스 / 콤보박스 | E / X / C |
| 다음 표 / 목록 / 그래픽 | T / L / G |
| 표 안에서 셀 이동 | Ctrl+Alt+방향키 |
| 요소 목록(제목·링크·랜드마크 등) | NVDA+F7 |
| 현재 포커스 요소 읽기 | NVDA+Tab |
| 창 제목 읽기 | NVDA+T |
| NVDA 메뉴 / 종료 | NVDA+N / NVDA+Q |
센스리더
센스리더(Sense Reader)는 엑스비전테크놀로지가 만든 국내 화면낭독기로, 국내 시각장애인이 가장 많이 쓰는 제품 중 하나입니다. 웹 페이지는 가상 커서로 읽으며, 단축키 체계가 NVDA·JAWS와 다릅니다(문자 키 대신 Ctrl 조합을 주로 씁니다). 아래 표는 일반적인 기본값이며, 버전과 사용자 설정(가상 커서 키 설정)에 따라 다를 수 있으므로 공식 도움말에서 확인하세요.
| 기능 | 키 / 제스처 |
|---|---|
| 말하기 중지 | Ctrl |
| 현재 위치부터 연속 읽기 | F11 |
| 다음/이전 객체(링크·컨트롤) | Tab / Shift+Tab |
| 다음/이전 제목(헤딩) | Ctrl+F6 / Ctrl+Shift+F6 |
| 수준별 제목 (5.3 이상) | Insert+1 ~ 6 |
| 다음/이전 링크 | Ctrl+' / Ctrl+Shift+' |
| 링크 목록 | Ctrl+L |
| 다음/이전 폼 컨트롤 | Ctrl+F2 / Ctrl+Shift+F2 |
| 다음/이전 편집창 | Ctrl+F8 / Ctrl+Shift+F8 |
| 다음/이전 표 | Ctrl+F3 / Ctrl+Shift+F3 |
| 표 안에서 셀 이동 | Ctrl+Alt+방향키 |
| 다음/이전 프레임 | Ctrl+Tab / Ctrl+Shift+Tab |
| 가상 커서 설정 메뉴 | Ctrl+Shift+F9 |
센스리더 테스트 시 주의
센스리더는 가상 커서 설정에 “숨긴 내용 읽기”, “새 페이지 자동 읽기” 같은 옵션이 있어 설정에 따라 결과가 달라집니다. 테스트 결과를 기록할 때는 센스리더 버전, 브라우저, 주요 설정을 함께 남기세요.
JAWS
JAWS(Job Access With Speech)는 Freedom Scientific(Vispero)의 유료 화면낭독기로, 해외에서 많이 쓰입니다. 라이선스 없이도 일정 시간 동안 쓸 수 있는 데모 모드가 있습니다. JAWS 키는 Insert입니다. 문자 키 이동은 NVDA와 대부분 비슷합니다.
| 기능 | 키 / 제스처 |
|---|---|
| 말하기 중지 | Ctrl |
| 모두 읽기 | Insert+↓ |
| 다음/이전 제목 | H / Shift+H |
| 다음 영역(랜드마크) | R |
| 다음 링크·컨트롤 | Tab |
| 다음 방문하지 않은 링크 | U |
| 다음 폼 필드 / 버튼 | F / B |
| 다음 표 / 목록 | T / L |
| 제목 목록 / 링크 목록 / 폼 필드 목록 | Insert+F6 / Insert+F7 / Insert+F5 |
| 폼 모드 진입 / 해제 | Enter / 숫자패드 + 또는 Esc |
| 가상 PC 커서 켜기·끄기 | Insert+Z |
| 현재 포커스 요소 읽기 | Insert+Tab |
VoiceOver (macOS · iOS)
macOS
Cmd+F5(또는 Touch ID 버튼 세 번 누르기)로 켜고 끕니다. 대부분의 명령은 VO 키(Control+Option, 설정에 따라 CapsLock)와 함께 누릅니다. Safari로 테스트하는 것이 가장 정확합니다.
| 기능 | 키 / 제스처 |
|---|---|
| 켜기·끄기 | Cmd+F5 |
| 말하기 중지 | Control |
| 다음/이전 항목 | VO+→ / VO+← |
| 항목 실행(누르기) | VO+Space |
| 처음부터 모두 읽기 | VO+A |
| 로터(제목·링크·랜드마크·폼 컨트롤 목록) | VO+U |
| 다음 제목 / 링크 / 폼 컨트롤 / 표 | VO+Cmd+H / VO+Cmd+L / VO+Cmd+J / VO+Cmd+T |
| 그룹 안으로 들어가기 / 나오기 | VO+Shift+↓ / VO+Shift+↑ |
| 빠른 탐색 켜기·끄기(화살표만으로 이동) | ← + → 동시에 |
| 단일 키 빠른 탐색(H, L 등) 켜기·끄기 | VO+Q |
iOS · iPadOS
설정 → 손쉬운 사용 → VoiceOver에서 켭니다. 손쉬운 사용 단축키를 VoiceOver로 지정하면 측면(또는 홈) 버튼을 세 번 눌러 켜고 끌 수 있습니다.
| 기능 | 키 / 제스처 |
|---|---|
| 다음/이전 항목 | 한 손가락 오른쪽/왼쪽 쓸기 |
| 선택한 항목 실행 | 한 손가락 두 번 탭 |
| 손가락 아래 항목 읽기 | 한 손가락으로 화면 만지며 이동 |
| 로터 열기(이동 단위 선택) | 두 손가락 돌리기 |
| 로터 단위로 다음/이전 이동 | 한 손가락 아래/위로 쓸기 |
| 처음부터 모두 읽기 / 현재부터 읽기 | 두 손가락 위로 쓸기 / 두 손가락 아래로 쓸기 |
| 말하기 일시 정지·재개 | 두 손가락 탭 |
| 뒤로 가기·닫기 | 두 손가락 문지르기(Z 모양) |
| 스크롤 | 세 손가락 위/아래 쓸기 |
TalkBack (Android)
설정 → 접근성 → TalkBack에서 켭니다. 단축키를 설정하면 볼륨 키 두 개를 동시에 3초간 눌러 켜고 끌 수 있습니다. 제스처는 TalkBack 버전과 기기의 다중 손가락 제스처 지원 여부에 따라 다르므로, TalkBack 설정의 튜토리얼과 Google 도움말을 함께 확인하세요.
| 기능 | 키 / 제스처 |
|---|---|
| 다음/이전 항목 | 한 손가락 오른쪽/왼쪽 쓸기 |
| 선택한 항목 실행 | 두 번 탭 |
| 손가락 아래 항목 읽기 | 터치하여 탐색 |
| 읽기 컨트롤(제목·링크·컨트롤 등) 바꾸기 | 세 손가락 오른쪽/왼쪽 쓸기 또는 위→아래 / 아래→위 한 번에 쓸기 (이전 기기) |
| 선택한 읽기 컨트롤로 다음/이전 이동 | 한 손가락 아래/위로 쓸기 |
| 말하기 일시 정지·재개 | 두 손가락 탭 |
| TalkBack 메뉴(처음부터 읽기 등) | 세 손가락 탭 또는 아래→오른쪽 쓸기 |
| 뒤로 | 아래→왼쪽 쓸기 |
| 스크롤 | 두 손가락으로 쓸기 |
모바일 테스트 팁
모바일에서는 터치 탐색(손가락으로 화면을 더듬기)과 쓸기 탐색 결과가 다를 수 있습니다. 둘 다 확인하고, 화면 회전·확대 상태에서도 점검하세요. 모바일 전용 주의점은 모바일 ARIA와 모바일 앱 접근성 지침을 참고하세요.
테스트 절차
- 환경 기록 — 화면낭독기와 버전, 브라우저와 버전, 운영체제를 기록합니다.
- 페이지 개요 파악 — 페이지를 열고 제목(창 제목)이 읽히는지 확인합니다. 요소 목록(NVDA+F7, VO+U, 센스리더 링크 목록)에서 제목·랜드마크·링크 구성을 훑어봅니다.
- 구조 탐색 — 제목 이동(H, Ctrl+F6), 랜드마크 이동(D, R)으로 페이지를 건너뛰며 원하는 영역을 찾을 수 있는지 확인합니다.
- 순차 읽기 — 처음부터 화살표(또는 쓸기)로 읽어 내려가며 읽기 순서, 숨겨야 할 장식이 읽히지 않는지, 숨긴 메뉴가 읽히지 않는지 확인합니다.
- Tab 이동 — Tab으로 모든 상호작용 요소를 순서대로 방문하며 각 요소의 이름·역할·상태가 모두 들리는지 확인합니다.
- 조작 — 버튼·탭·아코디언·메뉴를 실제로 조작하고 상태 변화(“확장됨”, “선택됨”)가 안내되는지 확인합니다.
- 동적 변화 — 폼 오류, 장바구니 담기, 검색 결과 갱신 같은 변화가 라이브 리전으로 안내되는지 확인합니다.
- 대화상자·팝업 — 열 때 포커스가 들어가는지, 배경이 읽히지 않는지, 닫으면 원래 위치로 돌아오는지 확인합니다.
- 기록 — 기대한 안내와 실제 안내를 함께 적고, 재현 단계를 남깁니다.
[항목] 상품 상세 > 수량 증가 버튼
[환경] NVDA 2024.x / Chrome 최신 / Windows 11
[재현] Tab으로 "+" 버튼 이동
[기대] "수량 늘리기, 버튼"
[실제] "버튼" (이름 없음)
[원인] 아이콘만 있는 button에 접근 가능한 이름 없음
[개선] aria-label="수량 늘리기" 추가화면을 보지 않고 테스트하기
화면을 보면서 테스트하면 들리지 않는 정보를 눈으로 보충하게 됩니다. 익숙해지면 모니터를 끄거나(VoiceOver의 화면 커튼: iOS는 세 손가락 세 번 탭) 눈을 감고 과제를 끝까지 해 보세요. 검수 항목은 검수 체크리스트에 정리되어 있습니다.