2.4.8 위치

요구 사항

웹 페이지 묶음 안에서 사용자의 현재 위치에 대한 정보를 제공합니다. 예: 탐색 경로(breadcrumb), 사이트맵에서 현재 페이지 표시, 메뉴에서 현재 페이지 강조, 단계 표시.

왜 필요한가요

인지장애가 있는 사용자와 화면 일부만 보는 확대 사용자는 지금 사이트의 어디에 있는지 쉽게 잃어버립니다.

도움받는 사용자

• 인지·학습 장애가 있는 사용자
• 저시력 사용자(화면 확대 사용자)
• 시각장애인(화면낭독기 사용자)

적용 방법

<nav aria-label="현재 위치">
  <ol>
    <li><a href="/">홈</a></li>
    <li><a href="/help">고객센터</a></li>
    <li><a href="/help/faq" aria-current="page">자주 묻는 질문</a></li>
  </ol>
</nav>

탐색 경로 패턴을 참고하세요.

자주 하는 실수

• 메뉴에서 현재 페이지를 색으로만 표시하고 프로그램적으로 알리지 않습니다.

검사 방법

• 탐색 경로나 현재 페이지 표시가 있는지, aria-current 등으로 알려 주는지 확인합니다.

관련 ARIA

참고 자료

• WCAG 2.2 원문: 2.4.8 (새 창)