---
{"id":"breadcrumb","title":"브레드크럼","category":"컴포넌트","order":47,"summary":"현재 위치와 상위 계층으로의 복귀의 사용·상태·접근성 계약.","status":"문서 기준 · UI 미검증","references":["components/breadcrumb/usage"]}
---

# 브레드크럼

## 목적과 사용

현재 위치와 상위 계층으로의 복귀에 사용합니다. 기본 탐색 전체를 대체하거나 순차 작업 단계처럼 사용하지 않습니다.

## 구성과 변형

이동 링크, 구분자, 현재 위치. 변형의 외형은 각 제품의 기존 [토큰](tokens.md)을 사용합니다. Carbon의 크기·색·모서리·아이콘을 가져오지 않습니다.

## 동작 규칙

- BRC-01 MUST: 부모 위치는 실제 목적지 링크입니다.
- BRC-02 SHOULD: 계층 기준과 방문 이력 기준을 제품 안에서 섞지 않습니다.
- BRC-03 MUST: 서버 이름·식별자 등 현재 문맥을 잃지 않습니다.
- BRC-04 SHOULD: 긴 경로는 중간을 줄이더라도 현재·주요 부모를 남깁니다.

## 접근성

이름 있는 nav, 현재 위치 aria-current, 장식 구분자의 중복 낭독 방지를 적용합니다. 공통 [접근성 기준](accessibility.md)도 함께 적용합니다.

## 콘텐츠 예시

좋음: 서버 목록 / 서버명 / 파일 / 폴더 / 피함: 클릭되지 않는 가짜 링크.

## 우리 구현과 연결

Panel 기존 문서는 Servers와 서버 이름을 각각 목록·콘솔 root로 연결한다고 기록합니다. 현재 전체 경로 브라우저 검증은 남아 있습니다.

제품별 소유 경로는 [WICKEDVPS](product-vps.md), [Panel](product-panel.md), [Blesta](product-blesta.md)와 [소스 근거](source-evidence.md)를 확인합니다. 코드 존재와 모든 사용처의 준수는 다르며, 별도 표시가 없는 제품별 준수 상태는 미검증입니다.

## 상태와 검증

긴 이름·중간 경로·새 탭·뒤로가기·현재 위치 낭독을 확인합니다.

일반·hover·focus·실행 중·실패·성공·disabled·read-only 중 해당하는 상태를 기록합니다. 해당하지 않는 상태를 임의로 만들지 말고 이유를 남깁니다. [검증 체크리스트](testing.md)에 증거를 연결합니다.