화면 리더 미리보기

HTML을 붙여넣어 스크린 리더가 어떻게 선형화하고 발표하는지 확인하세요. alt 텍스트, 제목 및 ARIA 속성을 검증하세요.

스크린 리더 출력

HTML을 붙여넣고 분석을 클릭하세요.
📚 과학적 기반 및 출처

이 도구가 설계된 대상

스크린 리더는 시각 장애인이나 심각한 시각 장애가 있는 사람들을 위한 필수적인 보조 기술입니다. WHO의 세계 시각 보고서(2019)에 따르면 전 세계적으로 최소 22억 명이 시각 장애를 가지고 있으며, 그 중 약 4,300만 명이 시각 장애인입니다. WebAIM Screen Reader Survey (2024)는 스크린 리더 사용자의 대다수가 장애인이며, 시각 장애가 가장 흔한 이유라는 것을 일관되게 발견합니다. 개발자, 디자이너 및 콘텐츠 제작자는 이 도구를 사용하여 HTML이 보조 기술에 의해 어떻게 해석되는지 미리 봅니다 — 누락된 대체 텍스트, 잘못된 제목 구조, 액세스 가능한 이름이 없는 버튼과 필드, ARIA의 잘못된 사용을 최종 사용자가 만나기 전에 감지하는 데 도움이 됩니다.

이 도구가 작동하는 방식

이 도구는 브라우저의 기본 DOMParser(데이터가 기기를 떠나지 않음)를 통해 HTML을 분석한 다음 접근성 트리를 탐색하여 선형화된 읽기 순서를 구성합니다. 이미지에 대체 텍스트의 존재, 제목 수준의 일관성, 액세스 가능한 이름이 없는 링크 및 버튼, ARIA 역할 및 라벨, 관련 라벨이 없는 양식 필드를 확인합니다.

과학적 참고 문헌

  • WebAIM (2024). « Screen Reader User Survey #10 Results. » webaim.org · 스크린 리더 사용 패턴, 브라우저 조합 및 접근성 장벽에 대한 가장 큰 진행 중인 설문조사. 제목과 랜드마크가 사용자의 주요 탐색 전략이라는 것을 일관되게 발견합니다.
  • 세계보건기구(2019). 세계 시각 보고서. · 전 세계적으로 최소 22억 명이 근거리 또는 원거리 시각 장애를 가지고 있으며, 그 중 약 4,300만 명이 시각 장애인이라고 보고합니다.
  • Power, C., Freire, A., Petrie, H. & Swallow, D. (2012). « Guidelines are only half of the story: Accessibility problems encountered by blind users on the web. » Proceedings of the SIGCHI Conference on Human Factors in Computing Systems (CHI '12). · 시각 장애 사용자가 만나는 접근성 문제의 상당 부분이 WCAG 단독으로 다루어지지 않는다는 것을 발견했으며, 수동 검토와 스크린 리더 테스트의 필요성을 강조합니다.
  • Lazar, J., Allen, A., Kleinman, J. & Malarkey, C. (2007). « What frustrates screen reader users on the web: A study of 100 blind users. » International Journal of Human-Computer Interaction, 22(3), 247–269. · 누락된 대체 텍스트, 라벨이 없는 양식 필드 및 오해의 소지가 있는 링크 라벨을 시각 장애 사용자가 보고한 주요 좌절감 중 하나로 식별했습니다.
  • W3C WAI (2023). « WAI-ARIA Authoring Practices 1.2. » · 동적 콘텐츠를 보조 기술에 액세스 가능하게 만들기 위해 역할, 상태 및 속성을 어떻게 사용해야 하는지 정의합니다.

면책 조항

이 도구는 HTML 접근성 트리를 기반으로 한 스크린 리더 출력의 단순화된 근사치를 제공합니다. 실제 스크린 리더(NVDA, JAWS, VoiceOver, TalkBack)는 콘텐츠를 발표하고, ARIA 속성을 처리하고, 동적 위젯과 상호 작용하는 방식이 다릅니다. 이 미리보기는 실제 스크린 리더 및 실제 사용자와의 테스트를 대체하지 않습니다. 작성 프로세스 초기에 일반적인 문제를 감지하기 위한 것입니다.

관련 도구

WCAG 제목 검사기 접근성 리소스 접근 가능한 색상 팔레트 생성기 색상 대비 검사기