어느 페이지든 빠짐없이

KRDS CP-046 — 웹사이트의 모든 페이지에 건너뛰기 링크를 제공하고 있다.

0. 들어가며 — 한 페이지라도 빠지면

이번 166편은 모든 페이지에 건너뛰기 링크를 제공하는 규칙입니다.

CP-045가 ’건너뛸 게 없는 예외 페이지’를 다뤘다면, CP-046은 일반 원칙 — 반복 내비게이션이 있는 모든 페이지 에 건너뛰기 링크를 빠짐없이 제공하라고 규정합니다. 키보드 사용자는 모든 페이지에서 메뉴를 건너뛰어야 하니, 한 페이지라도 빠지면 그곳에서 막히죠. 이번 편을 풀어냅니다.

1. 규칙 원문 — 모든 페이지

CP-046 (컴포넌트 > 건너뛰기 링크) “웹사이트의 모든 페이지에 건너뛰기 링크를 제공하고 있다.”

사이트의 모든 페이지(반복 내비게이션이 있는)에 건너뛰기 링크를 빠짐없이 제공하라는 뜻입니다.

정리: 모든 페이지에 건너뛰기 링크를 제공하라. 이게 CP-046입니다.

2. 왜 ‘모든’ 페이지인가

건너뛰기 링크는 키보드·스크린리더 사용자가 반복 머리말(메뉴)을 건너뛰고 본문으로 가게 합니다(CP-006). 그런데 이 도움은 사용자가 방문하는 모든 페이지에서 필요합니다.

사용자는 사이트의 한 페이지만 보는 게 아니라, 여러 페이지를 옮겨 다닙니다 — 메인 → 목록 → 상세 → 신청 폼… 매 페이지마다 같은 헤더·메뉴가 반복되죠. 그래서 건너뛰기 링크도 매 페이지에 있어야, 사용자가 어느 페이지에 가든 메뉴를 건너뛸 수 있습니다.

만약 메인 페이지에만 건너뛰기 링크가 있고 하위 페이지엔 없다면 — 사용자가 하위 페이지로 가는 순간, 그곳에선 메뉴를 일일이 Tab 해야 합니다. 한 페이지라도 빠지면 그 페이지에서 막히는 것이죠. 특히 사용자는 검색·외부 링크로 하위 페이지에 직접 들어오는 경우가 많아(CP-001의 논리와 같음), 모든 페이지에 있어야 어느 경로로 들어와도 도움을 받습니다.

실무에서 이 규칙이 누락되는 주된 이유는 — 건너뛰기 링크를 메인 페이지 템플릿에만 넣고 다른 템플릿엔 빠뜨리는 것입니다. 사이트가 여러 템플릿(목록·상세·폼 등)으로 돼 있으면, 일부 템플릿에서 건너뛰기 링크가 누락되기 쉽죠. 그래서 공통 레이아웃(헤더 템플릿)에 건너뛰기 링크를 넣어 모든 페이지에 자동 적용되게 하는 것이 안전합니다. 한 곳(공통 헤더)에 넣으면 모든 페이지가 상속받으니까요.

CP-045(예외)와 CP-046(원칙)은 짝을 이룹니다 — 건너뛸 내비게이션이 있는 페이지엔 빠짐없이(CP-046), 건너뛸 게 없는 예외 페이지엔 안 넣기(CP-045). 일반적인 정부 사이트 페이지는 거의 다 CP-046 대상이죠. KWCAG ‘반복 영역 건너뛰기’ 항목 준수의 기본입니다.

3. 점검 / 개선

무엇을 점검하나

모든 페이지 — 메인뿐 아니라 목록·상세·폼 등 모든 페이지에 건너뛰기 링크가 있는가.

공통 적용 — 공통 레이아웃에 넣어 자동 적용되는가.

하위 페이지 — 외부 진입한 하위 페이지에도 있는가.

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

역할	책임
퍼블리셔/개발	공통 레이아웃에 건너뛰기 링크 삽입(전 페이지 적용)
접근성 담당	전 페이지 적용 검수

기관 유형	CP-046 적용
중앙행정기관(대표·운영) / 공공기관 / 지자체	✅ 필수

행정·공공기관 디지털 정부서비스 = 전부 해당(CP-045 예외 페이지 제외).

5. 30초 자가진단 + FAQ

✅ 30초 자가진단

□ 모든 페이지(목록·상세·폼 포함)에 건너뛰기 링크가 있나요?

□ 공통 레이아웃에 넣어 자동 적용되나요?

□ 외부 진입한 하위 페이지에도 있나요?

❓ FAQ

Q1. 메인에만 있으면 안 되나요? 안 됩니다. 사용자는 모든 페이지에서 메뉴를 건너뛰어야 합니다. 한 페이지 라도 빠지면 그곳에서 막힙니다. Q2. 어떻게 전 페이지에 넣나요? 공통 레이아웃(헤더 템플릿)에 한 번 넣으면 모든 페이지가 상속받습니다. Q3. CP-045와 모순 아닌가요? 짝입니다. 건너뛸 게 있는 페이지엔 빠짐없이(046), 없는 예외 페이지엔 안 넣기 (045)입니다.

6. 마무리

CP-046의 메시지:

어느 페이지든 빠짐없이 — 한 페이지라도 빠지면 그곳에서 키보드 사용자가 막힌다.

사용자는 모든 페이지에서 메뉴를 건너뛰어야 하므로, 건너뛰기 링크도 모든 페이지에 빠짐없이 있어야 합니다. 공통 레이아웃에 넣어 자동 적용되게 하는 것이 안전하죠. CP-045(예외)와 짝을 이루는 일반 원칙입니다.

다음 편은 건너뛰기 링크의 개수를 다룹니다. CP-047 — “건너뛰기 링크의 개수는 3개 이내로 제공한다.”

다음 편 예고 ▶ 「167. (CP-047) 건너뛰기 링크의 개수는 3개 이내로 제공하고 있다.」

ViewCheck는 모든 페이지에 건너뛰기 링크가 제공되는지를 진단합니다.

📚 참고 출처

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

WCAG 2.1 SC 2.4.1 / KWCAG 반복 영역 건너뛰기

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

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