스크린리더 체험

화면을 보지 않고 웹사이트를 탐색해보세요. 시각장애인이 웹을 어떻게 이용하는지 직접 체험합니다.

체험하기

음성 속도:

위 '체험 시작' 버튼을 눌러 체험해보세요.
*'체험 시작' 버튼을 누를 경우 자동으로 스크린 리더기가 실행되며 소리 출력이 발생합니다.

탐색할 요소들:

제목 레벨 1네비게이션 랜드마크제목 레벨 2이미지링크버튼대체 텍스트 없는 이미지 (접근성 오류)모호한 링크 텍스트 (접근성 오류)폼버튼

이 체험은 Web Speech API를 사용합니다. 크롬, 엣지, 사파리 등 최신 브라우저에서 작동합니다. 실제 스크린리더(NVDA, JAWS, VoiceOver)와는 차이가 있을 수 있습니다.

스크린리더는 화면의 내용을 음성으로 읽어주는 보조 기술입니다. 웹페이지의 HTML 구조와 ARIA 속성을 분석하여 사용자에게 정보를 전달합니다.

code

<header>, <nav>, <main> 등 의미있는 태그를 사용하면 스크린리더가 페이지 구조를 파악할 수 있습니다.

label

aria-label, aria-describedby 등의 속성으로 추가적인 정보를 스크린리더에 전달할 수 있습니다.

image

이미지에 alt 속성을 제공하면 스크린리더가 이미지의 내용을 사용자에게 설명해줍니다.

keyboard

모든 기능이 키보드로 접근 가능해야 합니다. Tab 키로 이동하고 Enter로 실행합니다.