접근성 모범 사례

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

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

이 규칙이 확인하는 내용

제목 순서가 의미론적으로 올바른지 확인하세요.

중요한 이유

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

이 규칙은 권장 사항입니다. 이 규칙에 실패한다고 해서 그 자체로 WCAG 위반이 되지는 않으므로, 리포트에서는 WCAG 실패와 별도로 표시합니다.

수정 방법

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

수정 확인 방법

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

FixReports가 찾아내는 방법

저희 스캔은 테스트하는 모든 페이지에서 실제 Chrome 브라우저로 axe-core 규칙 heading-order을(를) 실행하고, 실패한 요소마다 해당 페이지와 마크업, 그리고 해당하는 경우 스크린샷을 함께 보고합니다.

자동화 테스트는 이 특정 문제가 있다는 것을 확인할 뿐, 페이지의 나머지 부분이 접근 가능한지는 알 수 없습니다. 어떤 장벽은 사람이 페이지를 확인해야만 드러납니다.

오늘 바로 웹사이트를 스캔해 보십시오

찾고, 고치고, 검증합니다.

어떤 종류의 웹사이트인가요?

답변에 따라 온라인 스토어의 구매 과정처럼 알맞은 검사를 고릅니다. 사이트 자체의 근거도 확인해 둘 다 보여 드립니다.

어떤 종류의 웹사이트인가요?

무료 스캔입니다. 신용카드가 필요 없습니다.