본문은 본문만

KRDS CP-050 — 건너뛰기 링크의 핵심인 본문 바로가기 링크에는 목적지 섹션에 사이드 메뉴, 브레드크럼, 페이지 유틸리티 버튼/링크가 포함되어 있지 않다.

0. 들어가며 — 무엇을 본문에서 빼야 하나

이번 170편은 ‘본문 바로가기’ 목적지에 사이드 메뉴·브레드크럼·페이지 유틸리티가 포함되지 않게 하는 규칙입니다.

169편(반복 콘텐츠 일반)을 구체화한 규칙입니다. 건너뛰기 링크의 핵심인 ’본문 바로가기’가 도착하는 곳에 — 사이드 메뉴, 브레드크럼(경로 표시), 페이지 유틸리티(인쇄·공유 버튼 등)가 끼어 있으면 안 된다고 콕 집죠. 이번 편을 풀어냅니다.

1. 규칙 원문 — 세 요소 미포함

CP-050 (컴포넌트 > 건너뛰기 링크) “건너뛰기 링크의 핵심인 본문 바로가기 링크에는 목적지 섹션에 사이드 메뉴, 브레드크럼, 페이지 유틸리티 버튼/링크가 포함되어 있지 않다.”

’본문 바로가기’의 도착 지점에 사이드 메뉴·브레드크럼·페이지 유틸리티가 들어 있지 않게 하라는 뜻입니다.

정리: 본문 바로가기 목적지에 사이드 메뉴·브레드크럼·유틸리티가 포함되지 않게 하라. 이게 CP-050입니다.

2. 왜 이 세 요소를 빼나

’본문 바로가기’는 건너뛰기 링크의 핵심입니다(CP-048). 사용자가 이걸 누르면 페이지의 ’진짜 고유 콘텐츠’로 바로 가야 하죠. 그런데 본문 영역 안에는 콘텐츠 외에도 여러 부속 요소가 함께 있는 경우가 많습니다 — 그중 세 가지가 특히 문제입니다.

① 사이드 메뉴(Side navigation) — 본문 옆에 있는 하위 메뉴입니다. 같은 섹션의 여러 페이지에서 반복되는 내비게이션이라, 본문 바로가기로 건너뛸 대상이지 본문에 포함될 게 아니죠.

② 브레드크럼(Breadcrumb) — “홈 > 정책 > 보도자료” 같은 현재 위치 경로 표시입니다. 내비게이션 보조 요소라, 역시 고유 본문이 아니라 머리말성 요소입니다.

③ 페이지 유틸리티 버튼/링크 — 인쇄·공유·글자크기·URL복사 같은 페이지 도구 버튼들입니다. 콘텐츠 자체가 아니라 보조 도구죠.

이 셋은 모두 ‘본문 콘텐츠 그 자체’가 아니라 ’본문 주변의 내비게이션·도구’ 성격입니다. 그래서 본문 바로가기로 건너뛸 때, 이들을 지나 순수한 콘텐츠에 도착해야 합니다. 만약 본문 바로가기 목적지가 이 세 요소를 포함한 영역이면 — 사용자는 건너뛰었는데도 사이드 메뉴·브레드크럼·유틸리티 버튼들을 또 Tab으로 거쳐야 본문 콘텐츠에 도달하죠. 건너뛴 의미가 퇴색합니다.

그래서 본문 바로가기 앵커는 이 세 요소를 모두 지난, 콘텐츠가 시작되는 정확한 지점에 둬야 합니다. 보통 페이지 제목(<h1>)이나 본문 콘텐츠 컨테이너의 시작이죠. 사이드 메뉴·브레드크럼·유틸리티는 별도 건너뛰기 링크로 따로 제공하거나(필요시), 본문 바로가기 목적지에서는 제외합니다.

CP-049(반복 콘텐츠 일반)의 구체적 적용으로, 정부 사이트에서 흔한 세 요소를 명시해 실무 혼란을 줄인 규칙 입니다. ’본문은 본문만’이라는 명확한 기준이죠.

3. 점검 / 개선

무엇을 점검하나

사이드 메뉴 제외 — 본문 바로가기 목적지에 사이드 메뉴가 없는가.

브레드크럼 제외 — 목적지에 브레드크럼이 없는가.

유틸리티 제외 — 목적지에 페이지 유틸리티 버튼이 없는가.

콘텐츠 시작 — 앵커가 순수 콘텐츠 시작 지점인가.

4. 누가 담당하나 / 우리 사이트에 해당될까?

역할	책임
퍼블리셔/개발	본문 바로가기 앵커를 콘텐츠 시작(세 요소 이후)에 설정
접근성 담당	목적지 순수성 검수

기관 유형	CP-050 적용
중앙행정기관(대표·운영) / 공공기관 / 지자체	✅ 필수 (건너뛰기 링크 제공 시)

건너뛰기 링크를 제공하는 사이트 = 해당.

5. 30초 자가진단 + FAQ

✅ 30초 자가진단

□ 본문 바로가기 목적지에 사이드 메뉴가 없나요?

□ 목적지에 브레드크럼이 없나요?

□ 목적지에 페이지 유틸리티 버튼이 없나요?

□ 앵커가 순수 콘텐츠 시작 지점인가요?

❓ FAQ

Q1. 브레드크럼도 빼야 하나요? 네. 브레드크럼은 위치 표시(내비게이션 보조)라 고유 본문이 아닙니다. 본문 바로가기는 이를 지나 콘텐츠로 가야 합니다. Q2. 사이드 메뉴로 가려는 사용자는요? 필요하면 사이드 메뉴용 건너뛰기 링크를 별도로(3개 이내 범위에서) 제공할 수 있습니다. 단 ’본문 바로가기’엔 포함 안 됩니다. Q3. KRDS를 채택하면 자동인가요? 표준은 본문 바로가기 목적지를 콘텐츠 시작에 정확히 설정합니다.

6. 마무리

CP-050의 메시지:

본문은 본문만 — 사이드 메뉴·브레드크럼·유틸리티는 빼고, 순수 콘텐츠로 바로 보낸다.

‘본문 바로가기’는 사이드 메뉴·브레드크럼·페이지 유틸리티 같은 내비게이션·도구 요소를 지나, 순수 콘텐츠로 도착해야 합니다. 이 세 요소가 목적지에 끼면 건너뛴 의미가 퇴색하죠. CP-049의 구체적 적용으로 ’본문은 본문만’ 이라는 명확한 기준입니다.

다음 편은 건너뛰기 링크 목록의 위치를 다룹니다. CP-051 — “쿠키 배너·모달 제외하고 건너뛰기 링크 목록은 웹 문서의 첫 요소로 제공한다.”

다음 편 예고 ▶ 「171. (CP-051) 쿠키 배너, 화면의 맥락을 가린 모달이 제공되는 경우를 제외하고 건너뛰기 링크 목록은 웹 문서의 가장 첫 요소로 제공하고 있다.」

ViewCheck는 본문 바로가기 목적지에 사이드 메뉴·브레드크럼·유틸리티가 포함되지 않는지를 진단합니다.

📚 참고 출처

KRDS 컴포넌트 — 건너뛰기 링크(Skip link) 가이드 — https://www.krds.go.kr/html/site/component/component_05.html

KRDS #ViewCheck #공공웹사이트 #전자정부 #디지털정부 #웹접근성 #디자인시스템 #UIUX #UI컴포넌트 #웹표준

KRDS,ViewCheck,공공웹사이트,전자정부,디지털정부,웹접근성,디자인시스템,UIUX,UI컴포넌트,웹표준