링크는 적힌 대로 이동

KRDS SP-123 — 모든 링크는 실행하였을 때, 링크 레이블에 명시된 적절한 화면으로 이동하고 있다.

0. 들어가며 — 링크를 눌렀는데 엉뚱한 데로 가면

이번 797편은 모든 링크는 실행하였을 때 링크 레이블에 명시된 적절한 화면으로 이동하라는 규칙입니다.

링크 레이블에 ’신청서 양식’이라 적혀 있는데 — 누르면 다른 곳으로 가면 사용자는 당황하죠. SP-123은 링크 레이블과 목적 지의 일치를 규정합니다. WCAG 2.4.4(링크 목적)의 신청 적용이죠. 이번 편을 풀어냅니다.

1. 원문 — 링크 목적지 일치

SP-123 (서비스 패턴 > 신청 > 서비스 정보 확인) “모든 링크는 실행하였을 때, 링크 레이블에 명시된 적절한 화면으로 이동하고 있다.”

링크가 레이블에 명시된 적절한 화면으로 이동하게 하라는 뜻입니다.

정리: 링크는 레이블에 적힌 적절한 화면으로 이동하게 하라. 이게 SP-123입니다.

2. 왜 링크 목적지 일치인가

신청 상세 화면에는, 많은 링크가 있습니다: 신청서 양식, 관련 서비스(SP-119), 첨부 서류(SP-116), 외부 시스템(SP-109) 등이요. 이 링크들이, 레이블에 적힌 대로 정확한 화면으로 가야 하죠. SP-123은 목적지 일치를 요구합니다.

링크가 엉뚱한 데로 갈 때의 문제:

예상 어긋남 ’신청서 양식’이라 적힌 링크를 눌렀는데, 다른 페이지로 가버리면, 사용자는 당황합 니다. 레이블과 결과가 어긋나죠.

혼란·불신 링크가 예측대로 작동 안 하면, 사용자는 혼란스럽고 사이트를 못 믿습니다.

신청 흐름 단절 신청 과정에서 잘못된 링크는, 흐름을 끊고 사용자를 헤매게 하죠.

그래서 SP-123은 — 목적지 일치를 요구합니다:

레이블 = 목적지 링크 레이블(‘신청서 양식’, ‘관련 서비스 ○○’, ‘서류 다운로드’)과, 실제 이동하는 화면이 일치하게요. 레이블이 약속한 대로 가게요(WCAG 2.4.4 링크 목적).

정확한 화면 링크가, 레이블에 명시된 ‘적절한’ 화면으로 정확히 갑니다. 깨진 링크(404)·잘못된 연결이 없게요.

링크 점검 모든 링크를, 정기적으로 점검합니다. 화면 변경·이전으로 링크가 깨지거나 어긋날 수 있으니, 정확성을 유지하죠(SP-113 정확·최신 정보 정신).

WCAG 2.4.4(맥락 속 링크 목적). 링크의 목적이, 그 레이블(또는 맥락)로 명확해야 한다(WCAG 2.4.4). 그리고 그 목적대로 작동해야 하죠. 레이블과 목적지가 일치하면, 사용자가 예측하고 누릅니다.

신청에서의 링크 신뢰성. 신청 과정의 링크는, 특히 신뢰성이 중요합니다. 신청서·서류·외부 시스템 링크가 잘못 연결되면, 신청이 막히거나 잘못되죠. 모든 링크가 정확히 작동해야, 사용자가 매끄럽게 신청합 니다.

SP-109(외부·새 창)와 연계. 외부·새 창 링크는, 단서(SP-109)를 함께 줍니다. SP-123(목적지 일치) + SP-109 (외부 단서)가 함께, 링크의 예측 가능성을 완성하죠.

이 규칙은 신청(SP)의 ’링크 신뢰성’을 담당합니다 — 링크가 레이블대로 적절한 화면으로 이동하게 해(123), 사용자가 예측 대로 정확히 이동하게 하죠. SP-109·SP-124(맥락 유지)와 함께 갑니다.

정리하면 — 링크가 레이블과 다른 곳으로 가면 예상이 어긋나고 신청 흐름이 끊기므로, 모든 링크가 레이블에 명시된 적절한 화면으로 정확히 이동하게(정기 점검 포함) 해야 합니다.

3. 점검 / 개선

무엇을 점검하나

레이블=목적지 — 링크 레이블과 실제 이동 화면이 일치하는가(WCAG 2.4.4).

정확한 연결 — 깨진 링크(404)·잘못된 연결이 없는가.

정기 점검 — 화면 변경 후 링크 정확성을 점검하는가.

개선 방향

링크 레이블과 목적지 일치(WCAG 2.4.4). 깨진·잘못된 연결 제거.

정기 링크 점검(SP-113 정신). 외부·새 창 단서(SP-109)와 함께.

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

역할	책임
콘텐츠 운영	링크 정확성 관리·점검
개발/QA	링크 연결 검증

기관 유형	SP-123 적용
중앙행정기관(대표·운영) / 공공기관 / 지자체	✅ 권장 (신청 상세 제공 시)

신청 서비스 상세에 링크가 있는 사이트가 해당됩니다.

5. 30초 자가진단 + FAQ

✅ 30초 자가진단

□ 링크 레이블과 실제 이동 화면이 일치하나요(WCAG 2.4.4)?

□ 깨진 링크(404)·잘못된 연결이 없나요?

□ 화면 변경 후 링크 정확성을 점검하나요?

❓ FAQ

Q1. 링크가 엉뚱한 데로 가면 왜 문제인가요? ‘신청서 양식’ 링크가 다른 페이지로 가면 당황합니다. 레이블과 결과가 어긋나 혼란·불신이 생기고, 신청 흐름이 끊기죠. 레이블대로 정확히 가야 합니다(WCAG 2.4.4). Q2. 어떻게 일치시키나요? 링크 레이블과 목적지를 일치시키고, 깨진 링크(404)·잘못된 연결을 제거합니다. 화면 변경·이전 으로 링크가 깨질 수 있으니 정기 점검하죠(SP-113 정신). Q3. SP-109와 어떻게 함께 가나요? 외부·새 창 링크는 단서(SP-109)를 함께 줍니다. SP-123(목적지 일치) + SP-109 (외부 단서)가 함께 링크의 예측 가능성을 완성하죠.

6. 마무리

SP-123의 메시지:

링크는 적힌 대로 이동 — 링크가 레이블에 명시된 적절한 화면으로 이동하게 하라.

링크가 레이블과 다른 곳으로 가면 예상이 어긋나고 신청 흐름이 끊깁니다. 레이블대로 정확히 이동하게 해 예측대로 이동 하게 하는 게 핵심이죠. 다음 편은 뒤로가기 시 탐색 맥락 유지입니다.

다음 편 예고 ▶ 「798. (SP-124) 목록 이동 버튼을 누르거나 뒤로가기 동작을 실행하였을 때 사용자의 탐색 맥락이 유지되도록 하고 있다.」

ViewCheck는 링크가 레이블에 명시된 적절한 화면으로 이동하는지를 진단합니다.

📚 참고 출처

KRDS 서비스 패턴 — 신청 가이드 — https://www.krds.go.kr/html/site/service/service_04.html

WCAG 2.1 SC 2.4.4 Link Purpose — https://www.w3.org/WAI/WCAG21/Understanding/link-purpose-in-context.html

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

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