꼭 필요한 건 항상 보이게

KRDS BP-026 — [인라인 텍스트] 사용자가 작업을 완료하는 데 필요한 중요한 정보는 인라인 텍스트로 제공하고 있다.

0. 들어가며 — 중요한 정보는 어디에

이번 592편은 작업 완료에 필요한 중요한 정보는 인라인 텍스트로 제공하라는 규칙입니다.

작업에 꼭 필요한 정보(입력 규칙, 필수 조건)를 — 툴팁·도움 패널처럼 눌러야 보이는 곳에만 두면, 안 본 사용자가 막히죠. BP-026은 중요 정보를 항상 보이는 인라인 텍스트로 두라고 규정합니다. 도움 패널 필수 정보 본문 제공(CP-340) 의 도움 패턴 일반화이죠. 이번 편을 풀어냅니다.

1. 원문 — 중요 정보 인라인 텍스트

BP-026 (기본 패턴 > 도움 [인라인 텍스트]) “[인라인 텍스트] 사용자가 작업을 완료하는 데 필요한 중요한 정보는 인라인 텍스트로 제공하고 있다.”

작업 완료에 반드시 필요한 중요 정보를, 항상 보이는 인라인 텍스트(본문에 직접)로 제공하라는 뜻입니다.

정리: 작업 필수 중요 정보는 항상 보이는 인라인 텍스트로 제공하라. 이게 BP-026입니다.

2. 왜 인라인 텍스트인가

도움 정보에는 여러 전달 방식이 있습니다: 항상 보이는 인라인 텍스트, 눌러야 보이는 툴팁(BP-027)·맥락적 도움말 (BP-028)·도움 패널(BP-029) 등. 이 중 어떤 정보를 어떤 방식으로 주느냐가 중요하죠. BP-026은 작업 완료에 필요한 중요 정보는 인라인 텍스트(항상 보임)로 주라고 합니다.

인라인 텍스트란. 입력 필드·작업 영역 옆(또는 아래)에 — 항상 보이게 직접 표시되는 도움 텍스트입니다. 예: 입력 필드 아래의 ‘비밀번호는 영문·숫자·특수문자 포함 8자 이상’ 같은 안내죠. 눌러서 여는 게 아니라 — 처음부터 보입니다.

중요 정보를 숨긴 도움에만 둘 때의 문제:

안 본 사용자 막힘 작업에 반드시 필요한 정보(입력 규칙·형식·필수 조건)를 툴팁·도움 패널처럼 눌러야 보이는 곳에만 두면, 그걸 안 누른(또는 못 본) 사용자는 그 정보를 모르고 막히거나 잘못 입력하죠. ’비밀번호 규칙’을 도움 아이콘 안에만 두면, 안 누른 사용자는 규칙을 모르고 계속 실패합니다.

숨긴 도움의 한계 툴팁(호버)·맥락적 도움말(클릭)은 사용자가 능동적으로 열어야 보입니다. 모든 사용자가 연다고 보장 못 하죠(터치·접근성 제약도). 그래서 필수 정보를 거기만 두면 위험합니다(도움 패널 CP-340의 ‘필수는 본문에’ 정신).

그래서 BP-026은 — 작업 필수 중요 정보를 인라인 텍스트(항상 보임)로 주라고 합니다:

인라인 표시 작업에 꼭 필요한 정보(입력 규칙·형식·필수 조건·주의)를 입력 필드 근처에 항상 보이게 직접 표시합니다. 사용자가 아무것도 안 눌러도 그 정보를 보고 올바로 작업하죠.

숨긴 도움은 보조 — 툴팁·맥락적 도움말·도움 패널은 — 부가·심화 정보(있으면 좋은, 없어도 작업 가능한)에 씁니다. 필수는 인라인, 보조는 숨긴 도움으로 나누죠.

정보 중요도별 배치:

필수(작업 완료에 반드시) → 인라인 텍스트(항상 보임). 입력 규칙·형식·필수 조건.

보조(있으면 좋음) → 툴팁·맥락적 도움말·도움 패널(요청 시 보임). 부가 설명·예시·배경.

이 구분이 — BP-026의 핵심입니다. 중요할수록 항상 보이게요.

도움 패널 CP-340과의 연결. 도움 패널에서 ‘필수 정보는 패널에만 두지 말고 본문에’(CP-340)라고 했죠. BP-026은 — 이를 모든 도움 방식으로 일반화해, ’필수 중요 정보는 (숨긴 도움이 아니라) 항상 보이는 인라인 텍스트로’라고 합니다. 같은 정신의 도움 패턴 차원 규칙이죠.

이 규칙은 도움 패턴의 ’중요 정보 가시성’을 담당합니다 — 작업 필수 정보를 인라인 텍스트로 항상 보이게 해(026), 안 본 사용자가 막히지 않게 하죠. 정보 중요도에 맞는 전달 방식 선택입니다.

정리하면 — 작업에 필수인 중요 정보를 눌러야 보이는 도움에만 두면 안 본 사용자가 막히므로, 그런 정보는 항상 보이는 인라인 텍스트로 제공하고 보조 정보만 툴팁·도움 패널에 둬야 합니다.

3. 점검 / 개선

무엇을 점검하나

필수=인라인 — 작업 필수 정보(입력 규칙·형식·조건)가 항상 보이는 인라인 텍스트인가.

숨긴 도움 보조 — 툴팁·도움 패널엔 보조 정보만 있는가(필수 정보 숨김 아님).

중요도 배치 — 정보 중요도에 맞게 인라인/숨긴 도움으로 나눴는가.

개선 방향

작업 필수 정보를 입력 필드 근처 인라인 텍스트로(항상 보임).

필수 정보를 툴팁·도움 패널에만 두지 않기(CP-340). 보조만 숨긴 도움으로.

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

역할	책임
콘텐츠/UX	중요도별 정보 배치·인라인 작성
퍼블리셔/개발	인라인 텍스트 구현

기관 유형	BP-026 적용
중앙행정기관(대표·운영) / 공공기관 / 지자체	✅ 필수 (입력 작업 있는 경우)

작업 안내가 필요한 모든 사이트가 해당됩니다.

5. 30초 자가진단 + FAQ

✅ 30초 자가진단

□ 작업 필수 정보(입력 규칙·형식·조건)가 항상 보이는 인라인 텍스트인가요?

□ 툴팁·도움 패널엔 보조 정보만 있나요(필수 정보 숨김 아님)?

□ 정보 중요도에 맞게 인라인/숨긴 도움으로 나눴나요?

❓ FAQ

Q1. 인라인 텍스트가 뭔가요? 입력 필드 근처에 항상 보이게 직접 표시되는 도움 텍스트입니다. 눌러서 여는 게 아니라 처음부터 보이죠. Q2. 왜 필수 정보를 툴팁에 두면 안 되나요? 툴팁은 눌러야 보여 안 본 사용자가 막힙니다. 필수는 항상 보이는 인라인으로, 보조만 툴팁으로 두죠. Q3. 도움 패널 CP-340과 같나요? 같은 정신입니다. ’필수는 본문에’를 모든 도움 방식으로 일반화해 ’필수는 인라인 텍스트로’라고 한 거죠.

6. 마무리

BP-026의 메시지:

꼭 필요한 건 항상 보이게 — 작업 필수 중요 정보를 인라인 텍스트로 제공하라.

작업 필수 정보를 눌러야 보이는 도움에만 두면 안 본 사용자가 막힙니다. 그런 정보는 항상 보이는 인라인 텍스트로, 보조만 숨긴 도움으로 나누는 게 핵심이죠. 다음 편은 툴팁 용도입니다.

다음 편 예고 ▶ 「593. (BP-027) [툴팁] 컨트롤 요소에 대한 레이블과 같이 간단한 추가 정보를 제공하는 데 사용 하고 있다.」

ViewCheck는 중요 정보가 인라인 텍스트로 제공되는지를 진단합니다.

📚 참고 출처

KRDS 기본 패턴 — 도움 가이드 — https://www.krds.go.kr/html/site/pattern/pattern_02.html

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

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