3. 웹 접근성 진단도구

3.1 스크린 리더

스크린 리더란 시각장애인들이 컴퓨터를 사용할 수 있도록 도와주는 소프트웨어입니다. 스크린 리더 보조 기술을 통해 사용자는 현재 컴퓨터 화면과 키보드로 입력한 정보의 내용 그리고 마우스의 좌표 등을 음성으로 파악하고 그 정보를 바탕으로 컴퓨터를 사용합니다. 이런 스크린 리더 보조 기술을 통해 사용자는 타인의 도움 없이 독립적인 정보를 수집할 수 있습니다. 앞으로 프론트엔드 개발자로서 사용자가 웹 브라우징을 할 수 있고 보조 기술로 도움을 받을 수 있도록 웹 개발의 표준을 준수한 마크업을 해야 해요.

도스 운영체제에서는 스크린 리더 지원을 위해 음성출력을 지원해주는 하드웨어를 컴퓨터에 장착했습니다. 1990년대 우리나라의 하드웨어 스크린 리더는 ISA카드를 이용한 플랫폼인 ‘가라사대’로 시작되었습니다. 그러나 윈도우 운영체제가 출시된 후 스크린 리더가 나오며 내장 스크린 리더로 화면 읽기 기능을 지원할 수 있게 되었습니다.

아래에서 Windows와 Mac에서 웹 브라우징에 쓰이는 보조과학기술인 스크린 리더를 소개하겠습니다.

3.1.1 Narrator for Windows

Windows는 내장 스크린 리더인 내레이터(Narrator)를 제공하고 있습니다. Windows 10을 기준으로 내레이터를 시작 또는 중지할 수 있는 방법은 다음 두 가지 방법이 있습니다.

내레이터 사용 설정 short.png

내레이터에서는 탐색 및 읽기 모드인 스캔 모드를 지원하고 있습니다. 스캔 모드는 내레이터 키(Caps lock 또는 Insert)와 Space 키를 눌러 실행 또는 중지할 수 있습니다. 내레이터가 켜진 상태로 웹 페이지에 접근하는 경우 스캔 모드가 자동으로 활성화되며, 화살표 키를 사용하여 웹 페이지를 간편하게 탐색할 수 있습니다.

내레이터를 통해 웹 페이지를 검사하기 위한 기본적인 단축키는 아래와 같습니다.

단축키 기능
내레이터 키(Caps lock 또는 Insert) 내레이터 명령을 보조합니다.
Tab 또는 아래쪽 화살표 다음 항목으로 이동합니다.
Shift + Tab 또는 위쪽 화살표 이전 항목으로 이동합니다.
Ctrl 내레이터의 음성 출력을 즉시 중지합니다.
내레이터 키 + Ctrl + 더하기 기호(+) / 빼기 기호(-) 내레이터의 볼륨을 조절합니다.
내레이터 키 + 더하기 기호(+) / 빼기 기호(-) 내레이터의 음성 출력 속도를 조절합니다.
H / Shift + H 다음 / 이전 Heading 요소로 이동합니다.

이 외의 추가적인 기능과 단축키는 Microsoft에서 제공하는 내레이터 전체 가이드에서 확인할 수 있습니다.

3.1.2 VoiceOver for macOS

VoiceOver는 Mac의 내장 스크린 리더로 기기에서 벌어지는 일을 말로 정확하게 설명해주며 화면 읽기 기능을 지원합니다. VoiceOver를 활성화 시키고 끄는 방법은 세가지 방법이 있습니다.