개요

현재 위치를 단계적으로 보여주는 내비게이션. 이전 단계는 링크로 강조, 현재는 약하게 표시합니다.

HTML 구조

<nav class="dewp-breadcrumb" aria-label="Breadcrumb">
  <ol>
    <li class="dewp-breadcrumb-item"><a href="#">홈</a><span class="dewp-breadcrumb-separator">/</span></li>
    <li class="dewp-breadcrumb-item"><a href="#">설정</a><span class="dewp-breadcrumb-separator">/</span></li>
    <li class="dewp-breadcrumb-item is-active" aria-current="page">일반</li>
  </ol>
</nav>
        

접근성

• 내비게이션에 aria-label="Breadcrumb" 제공
• 현재 항목에 aria-current="page"