Anatomy
Identity, native primary navigation, contextual utilities는 각기 다른 책임을 유지합니다.
Identity
홈/제품 정체성 링크. WBDS Seal이나 제품 로고를 강제하지 않습니다.
Primary
기존 Link 계약과 nav landmark를 사용합니다. aria-current=page는 Consumer의 실제 pathname이 결정합니다.
Utilities
언어·테마 등 제품 소유 Controls를 담는 조용한 위치입니다. 설정 상태와 동작은 공통 Navigation이 결정하지 않습니다.
States
링크 현재 위치는 aria-current와 underline, focus-visible로 함께 구분합니다.
Default & Current
현재 링크를 단순 hover 색상으로만 표시하지 않습니다. 현재 페이지가 Navigation link에 없는 경우 임의의 false current를 만들지 않습니다.
Compact
하나의 destination만 있어도 세 영역의 의미와 keyboard order가 유지됩니다. 새 hamburger 메뉴를 만들지 않습니다.
Usage
앱의 여러 형제 페이지 간 탐색에만 사용하며, 페이지 내 Tabs와 구분합니다.
Radar는 4개 페이지와 언어·Theme utility를, Workbench는 한 개의 sibling page와 Theme utility를 구성합니다. 둘 모두 동일한 레이아웃 슬롯과 기존 .wbds-link 계약을 사용합니다. 제품별 Sticky 동작이나 Pathname 판단은 Consumer가 소유합니다.
Accessibility
320px부터 Text 200%, 모바일 터치, Light/Dark를 포함해 검증합니다.
항상 native nav landmark와 명확한 aria-label을 둡니다. 링크는 Tab으로 접근 가능하며, 좁은 화면에서 탐색 항목을 숨기지 않고 실제 줄바꿈/재배치를 통해 모두 사용할 수 있어야 합니다. 링크명만으로 목적지를 이해할 수 있어야 합니다.