제목 구조 검사기

접근성을 위한 제목 계층 구조 검사

HTML 소스

제목 구조 검사기이란?

제목 구조 검사기는 WCAG 접근성 지침에 따라 HTML 제목 계층 구조를 검증합니다. 건너뛴 제목 수준, 누락된 H1 태그, 스크린 리더 사용자의 콘텐츠 탐색을 방해하는 빈 제목 등의 위반 사항을 감지합니다.

사용 방법

  1. 1단계 — HTML 마크업을 입력 영역에 붙여넣습니다.
  2. 2단계 — 검사기가 WCAG 2.1 성공 기준에 따라 제목 순서를 검증하고 각 위반 사항을 심각도와 함께 표시합니다.
  3. 3단계 — 통과/실패 체크리스트를 검토하고 팀을 위한 접근성 보고서를 내보냅니다.

결과

랜딩 페이지 HTML을 검사기로 실행하면 세 가지 위반 사항을 발견합니다: 빈 H3 태그, H1에서 H3으로의 점프, 푸터에 있는 두 번째 H1 — 각각 구체적인 WCAG 참조와 함께.

관련 도구