스크린 리더 텍스트 미리보기

스크린 리더 텍스트 미리보기이란?

Screen Reader Text Preview는 보조 기술이 HTML 콘텐츠를 어떻게 읽는지 보여줍니다. 요소의 접근성 이름, 역할, 읽기 순서를 표시하여 사용자가 겪기 전에 누락된 레이블, 잘못된 제목 구조, ARIA 문제를 파악할 수 있습니다.

사용 방법

1. HTML 콘텐츠를 붙여넣거나 분석할 URL을 입력하세요.
2. 선형화된 읽기 순서와 요소 접근성 트리를 검토하세요.
3. 발견된 문제를 수정하고 읽기 흐름이 명확해질 때까지 다시 테스트하세요.

결과

개발자가 내비게이션 메뉴를 붙여넣으면 3개 링크에 접근성 이름이 없고 제목 순서가 h1에서 h4로 건너뛰어 스크린 리더 사용자에게 혼란을 준다는 결과가 표시됩니다.

관련 도구