가장 중요한 건너뛰기를 맨 앞에

KRDS CP-048 — 건너뛰기 링크를 제공하는 경우, 화면의 핵심 영역으로 이동하는 링크를 가장 첫 번째 항목으로 제공하고 있다.

0. 들어가며 — 순서에도 의미가 있다

이번 168편은 건너뛰기 링크 중 핵심 영역으로 가는 링크를 첫 번째 항목으로 두는 규칙입니다.

건너뛰기 링크는 3개 이내(CP-047)인데, 그중에서도 순서가 중요합니다. 사용자가 가장 자주, 가장 먼저 가고 싶은 ’핵심 영역(보통 본문)’으로 가는 링크를 맨 앞에 둬야 하죠. CP-048은 이를 규정합니다. 이번 편을 풀어냅니다.

1. 규칙 원문 — 핵심 영역 링크가 첫 항목

CP-048 (컴포넌트 > 건너뛰기 링크) “건너뛰기 링크를 제공하는 경우, 화면의 핵심 영역으로 이동하는 링크를 가장 첫 번째 항목으로 제공하고 있다.”

여러 건너뛰기 링크 중 핵심 영역(보통 본문)으로 가는 링크를 맨 앞에 두라는 뜻입니다.

정리: 핵심 영역으로 가는 건너뛰기 링크를 첫 번째 항목으로 제공하라. 이게 CP-048입니다.

2. 왜 핵심 영역이 첫 항목인가

건너뛰기 링크는 페이지 맨 앞에 있어, 키보드 사용자가 Tab으로 가장 먼저 만납니다(CP-029). 그래서 건너뛰기 링크들 사이에서도 첫 번째로 잡히는 항목이 가장 중요하죠.

사용자가 건너뛰기 링크를 쓰는 가장 흔한 의도는 ‘머리말을 건너뛰고 본문으로 바로 가는 것’입니다. 페이지에 들어온 주된 목적은 콘텐츠를 보는 것이니까요. 그래서 ’본문 바로가기’ 같은 핵심 영역으로 가는 링크를 첫 항목으로 두면 — 사용자는 Tab 한 번에 가장 원하는 곳(본문)으로 갈 수 있습니다. 가장 빈번한 동작을 가장 빠르게 할 수 있죠.

만약 핵심 영역(본문) 링크가 뒤에 있고, 덜 중요한 링크(예: 푸터 바로가기)가 첫 항목이면 — 사용자는 원하지 않는 링크를 먼저 거친 뒤에야 본문 링크에 도달합니다. 가장 자주 쓰는 기능이 뒤에 있어 비효율적이죠. 우선순위가 거꾸로 된 것입니다.

이는 ’가장 빈번하고 중요한 동작을 가장 접근하기 쉬운 위치에’라는 UX 원칙입니다(피츠의 법칙·우선순위 배열). 건너뛰기 링크가 여럿일 때, 사용 빈도·중요도가 가장 높은 핵심 영역 링크를 맨 앞에 배치해, 다수 사용자의 주된 의도를 최단 경로로 충족하는 것이죠.

’핵심 영역’은 보통 본문(main content) 입니다. “본문 바로가기”가 거의 항상 첫 항목이죠. 사이트 성격에 따라 검색이 핵심이면 검색이 될 수도 있지만, 일반적으로 콘텐츠 소비가 주목적이라 본문이 우선입니다. 다음 편들 (CP-049·050)에서 이 ’본문 바로가기’의 목적지가 어떠해야 하는지(반복 콘텐츠 미포함 등)를 더 규정합니다.

CP-047(3개 이내)과 CP-048(핵심 첫 항목)을 합치면 — 건너뛰기 링크는 ’핵심 영역 우선, 최대 3개’로 구성됩니다. 개수와 순서를 함께 최적화하는 것이죠.

3. 점검 / 개선

무엇을 점검하나

첫 항목 핵심 — 첫 번째 건너뛰기 링크가 핵심 영역(본문)으로 가는가.

우선순위 — 사용 빈도 높은 링크가 앞에 있는가.

본문 바로가기 — “본문 바로가기”가 보통 첫 항목인가.

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

역할	책임
퍼블리셔/개발	핵심 영역 링크를 첫 항목으로 배치
접근성 담당	순서 검수

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

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

5. 30초 자가진단 + FAQ

✅ 30초 자가진단

□ 첫 번째 건너뛰기 링크가 핵심 영역(본문)으로 가나요?

□ 사용 빈도 높은 링크가 앞에 있나요?

□ “본문 바로가기”가 보통 첫 항목인가요?

❓ FAQ

Q1. 왜 본문이 첫 항목인가요? 사용자가 페이지에 온 주목적은 콘텐츠를 보는 것이라, 본문으로 가는 게 가장 빈번한 의도입니다. 그래서 맨 앞에 둡니다. Q2. 검색이 핵심이면요? 사이트 성격상 검색이 핵심이면 검색이 첫 항목일 수 있습니다. ’핵심 영역’을 사이트 목적에 맞게 정합니다. Q3. KRDS를 채택하면 자동인가요? 표준은 본문 바로가기를 첫 항목으로 제공합니다.

6. 마무리

CP-048의 메시지:

가장 중요한 건너뛰기를 맨 앞에 — 본문 바로가기가 보통 첫 항목, 다수의 주된 의도를 최단 경로로.

건너뛰기 링크 중 핵심 영역(보통 본문)으로 가는 링크를 첫 항목으로 두면, 사용자가 Tab 한 번에 가장 원하는 곳으로 갑니다. 가장 빈번한 동작을 가장 빠르게 — 우선순위 배열의 원리죠. CP-047(개수)과 함께 건너뛰기 링크를 최적화합니다.

다음 편은 건너뛰기 목적지의 조건을 다룹니다. CP-049 — “건너뛰기 링크의 목적지에 반복되는 콘텐츠 영역이 포함되지 않게 한다.”

다음 편 예고 ▶ 「169. (CP-049) 건너뛰기 링크의 목적지에 반복되는 콘텐츠 영역이 포함되지 않게 사용하고 있다.」

ViewCheck는 핵심 영역 건너뛰기 링크가 첫 항목으로 제공되는지를 진단합니다.

📚 참고 출처

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

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

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