# 제목 수준은 한 단계씩 증가해야만 합니다

<https://www.fixreports.com/ko/issues/heading-order>

접근성 모범 사례

헤딩 수준이 중간을 건너뛰어(예: H2에서 H4로) 스크린 리더 사용자가 페이지 구조를 이해하기 어렵습니다.

## 이 규칙이 확인하는 내용
제목 순서가 의미론적으로 올바른지 확인하세요.

## 중요한 이유
스크린 리더 사용자는 헤딩으로 페이지를 탐색합니다. WCAG 1.3.1을 뒷받침하는 권장 사례입니다.

## 수정 방법
### 모든 웹사이트에서
1. 해당 섹션의 헤딩 수준을 조정해 수준을 건너뛰지 않고 순서대로 이어지게 하십시오.
2. 시각적 스타일은 그대로 두고 태그만 바꾸십시오(크기는 CSS 클래스로 지정).

### Shopify에서
1. 해당 섹션의 헤딩 수준을 조정해 수준을 건너뛰지 않고 순서대로 이어지게 하십시오.
2. 시각적 스타일은 그대로 두고 태그만 바꾸십시오(크기는 CSS 클래스로 지정).

### WooCommerce와 WordPress에서
1. 해당 섹션의 헤딩 수준을 조정해 수준을 건너뛰지 않고 순서대로 이어지게 하십시오.
2. 시각적 스타일은 그대로 두고 태그만 바꾸십시오(크기는 CSS 클래스로 지정).

## 수정 확인 방법
- 다시 스캔하고 HeadingsMap 같은 브라우저 확장 프로그램으로 헤딩 구조를 확인하십시오.

## 출처
- axe-core 규칙 문서(Deque): https://dequeuniversity.com/rules/axe/4.13/heading-order