누르면 반드시 로그인 화면

KRDS SP-061 — 로그인 링크는 항상 ‘로그인’ 화면으로 연결되도록 되어 있다.

0. 들어가며 — 로그인을 눌렀는데 엉뚱한 데로 가면

이번 735편은 로그인 링크는 항상 ‘로그인’ 화면으로 연결되도록 하라는 규칙입니다.

로그인 링크를 — 눌렀는데, 화면·상황에 따라 다른 곳(회원가입, 마이페이지)으로 가면 사용자는 당황하죠. SP-061은 로그인 링크가 항상 로그인 화면으로 연결되게 규정합니다. 링크 목적의 예측 가능성이죠. 이번 편을 풀어냅니다.

1. 원문 — 항상 로그인 화면 연결

SP-061 (서비스 패턴 > 로그인 > 로그인 기능 찾기) “로그인 링크는 항상 ‘로그인’ 화면으로 연결되도록 되어 있다.”

로그인 링크가 항상 로그인 화면으로 연결되게 하라는 뜻입니다.

정리: 로그인 링크는 항상 로그인 화면으로 연결하라. 이게 SP-061입니다.

2. 왜 항상 로그인 화면인가

사용자가 ‘로그인’ 링크를 누를 때, 기대하는 결과는 명확합니다: 로그인 화면으로 가는 것이죠. 그런데 그 링크 가, 화면·상황에 따라 다른 곳으로 가면, 사용자는 당황합니다. SP-061은 항상 로그인 화면 연결을 요구합니다.

로그인 링크가 다른 곳으로 갈 때의 문제:

예상 어긋남 ‘로그인’을 눌렀는데, 회원가입 페이지나 마이페이지, 또는 외부 인증 사이트로 바로 가버리면, 사용자는 ’왜 여기로 왔지?’ 당황합니다. 링크 레이블(‘로그인’)과 결과가 어긋나죠.

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

그래서 SP-061은 — 항상 로그인 화면 연결을 요구합니다:

로그인 화면으로 ‘로그인’ 링크는, 어느 화면에서 누르든, 항상 로그인 화면(로그인 방식 선택·정보 입력 화면)으로 연결됩니다. 레이블과 목적지가 일치하게요(WCAG 2.4.4 링크 목적).

일관된 동작 모든 화면·상황에서, 로그인 링크는 같은 동작(로그인 화면 이동)을요. 예측 가능성을 줍니다.

로그인 후 돌아오기(권장) 로그인 화면으로 가서 로그인하면, 원래 보던 화면으로 돌아오게(returnUrl) 하면 좋죠. 다만 링크 자체는 항상 로그인 화면으로 가고, 로그인 완료 후 복귀는 별개입니다.

예외 로그인 후 상태. 단, 이미 로그인한 상태면, 헤더의 그 자리는 ‘로그아웃’·마이페이지로 바뀝니다(SP-059). SP-061은 ’로그인’이라는 레이블의 링크에 한해, 로그인 화면으로 가라는 거죠. 로그인 후 표시(마이페이지 등)는 다른 링크입니다.

링크 목적의 명확성(WCAG 2.4.4). 링크의 목적이 명확해야 한다(WCAG 2.4.4)는 원칙입니다. ‘로그인’ 링크는, 로그인 화면으로 가는 게 그 목적이죠. 레이블과 목적지가 일치해야, 사용자가 예측하고 누릅니다.

SP-007(정확한 이동)·BP-055(외부·새 창 단서) 정신. 정확한 이동(SP-007), 링크 목적 명확성(BP-055)의 로그인 적용입니다. 로그인 링크가, 예측대로 정확히 로그인 화면으로 가게요.

이 규칙은 로그인(SP)의 ’로그인 링크 목적 일관성’을 담당합니다 — 로그인 링크가 항상 로그인 화면으로 연결되게 해(061), 사용자가 예측대로 로그인하게 하죠.

정리하면 — 로그인 링크가 화면·상황에 따라 다른 곳으로 가면 예상이 어긋나고 혼란스러우므로, ‘로그인’ 링크는 항상 로그인 화면으로 일관되게 연결해야 합니다.

3. 점검 / 개선

무엇을 점검하나

로그인 화면 연결 — ‘로그인’ 링크가 항상 로그인 화면으로 가는가.

일관 동작 — 모든 화면·상황에서 같은 동작인가.

레이블-목적지 일치 — 링크 레이블과 목적지가 일치하는가(WCAG 2.4.4).

개선 방향

‘로그인’ 링크는 항상 로그인 화면으로(회원가입·마이페이지 아님).

로그인 후 원래 화면 복귀(returnUrl, 권장). 링크 목적 일치(WCAG 2.4.4).

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

역할	책임
기획/UX	로그인 링크 동작 정의
개발	링크 연결·복귀 구현

기관 유형	SP-061 적용
중앙행정기관(대표·운영) / 공공기관 / 지자체	✅ 권장 (로그인 제공 시)

로그인 기능을 제공하는 모든 사이트가 해당됩니다.

5. 30초 자가진단 + FAQ

✅ 30초 자가진단

□ ‘로그인’ 링크가 항상 로그인 화면으로 가나요?

□ 모든 화면·상황에서 같은 동작인가요?

□ 링크 레이블과 목적지가 일치하나요(WCAG 2.4.4)?

❓ FAQ

Q1. 로그인 링크가 다른 곳으로 가면 왜 문제인가요? ‘로그인’을 눌렀는데 회원가입·마이페이지로 가면 당황합니다. 링크 레이블과 결과가 어긋나죠. 항상 로그인 화면으로 가야 예측대로입니다. Q2. 로그인 후 원래 화면으로 돌아오게 하나요? 권장합니다(returnUrl). 단 링크 자체는 항상 로그인 화면으로 가고, 로그인 완료 후 원래 화면 복귀는 별개죠. Q3. 이미 로그인했으면요? 그 자리는 ’로그아웃’·마이페이지로 바뀝니다(SP-059). SP-061은 ‘로그인’ 레이블 링크에 한해 로그인 화면으로 가라는 거죠. 로그인 후 표시는 다른 링크입니다.

6. 마무리

SP-061의 메시지:

누르면 반드시 로그인 화면 — 로그인 링크는 항상 로그인 화면으로 연결하라.

로그인 링크가 다른 곳으로 가면 예상이 어긋나고 혼란스럽습니다. 항상 로그인 화면으로 일관되게 연결해 예측대로 로그인 하게 하는 게 핵심이죠. 다음 편은 모바일 로그인 링크 배치입니다.

다음 편 예고 ▶ 「736. (SP-062) [모바일] 화면 너비가 충분하지 않은 경우에도 직관적으로 인지할 수 있는 형태로 헤더나 탭바에 로그인 링크를 배치하고 있다.」

ViewCheck는 로그인 링크가 항상 로그인 화면으로 연결되는지를 진단합니다.

📚 참고 출처

KRDS 서비스 패턴 — 로그인 가이드 — https://www.krds.go.kr/html/site/service/service_03.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컴포넌트,웹표준