꼭 봐야 할 건 눈에 띄게

KRDS SP-127 — 중요도와 계층 구조에 따라 반드시 확인해야 할 정보가 다른 정보와 변별되도록 직관적으로 표현하고 있다.

0. 들어가며 — 중요한 유의 사항이 다른 정보에 묻히면

이번 801편은 중요도와 계층 구조에 따라 반드시 확인해야 할 정보가 다른 정보와 변별되도록 직관적으로 표현하라는 규칙입니다.

유의 사항 중 — 꼭 봐야 할 중요한 것(자격 제한, 불이익 등)이 일반 정보와 똑같이 보이면, 사용자가 놓치죠. SP-127은 중요 정보를 변별되게 표현하라고 규정합니다. 강조·계층의 신청 적용이죠. 이번 편을 풀어냅니다.

1. 원문 — 중요 정보 변별 표현

SP-127 (서비스 패턴 > 신청 > 유의 사항/자격 확인) “중요도와 계층 구조에 따라 반드시 확인해야 할 정보가 다른 정보와 변별되도록 직관적으로 표현하고 있다.”

반드시 확인할 중요 정보를 다른 정보와 변별되게 직관적으로 표현하라는 뜻입니다.

정리: 반드시 확인할 중요 정보를 변별되게 표현하라. 이게 SP-127입니다.

2. 왜 중요 정보 변별인가

유의 사항·자격 확인(SP-125)에는, 여러 정보가 있습니다. 그중 반드시 확인해야 할 중요한 것(자격 제한, 불이익, 마감, 중대 조건)이 있죠. 이게 일반 정보와 똑같이 보이면, 사용자가 놓칩니다. SP-127은 중요 정보 변별을 요구합니다.

중요 정보가 변별 안 될 때의 문제:

중요 정보 놓침 반드시 확인할 중요 정보가, 일반 정보와 섞여 똑같이 보이면, 사용자는 그것을 놓칩니다. 자격 제한·불이익을 모르고 신청했다 문제가 생기죠.

우선순위 모름 무엇을 먼저·꼭 봐야 하는지 모르면, 정보를 효율적으로 처리 못 합니다.

그래서 SP-127은 — 변별 표현을 요구합니다:

중요도 강조 반드시 확인할 중요 정보를, 시각적으로 강조합니다. 주의 색·아이콘(⚠)·큰 글씨·박스 등 으로요(긴급 공지 CP-158~167, 강조 정신). 단 색만 의존 말고 텍스트·아이콘도(WCAG 1.4.1).

계층 구조 정보의 중요도·계층에 따라, 위계를 표현합니다(BP-052·053 제목·계층). 가장 중요한 건 가장 눈에 띄게, 덜 중요한 건 적절히요.

직관적 표현 사용자가 한눈에 ’이건 꼭 봐야 하는구나’를 알게요. 직관적 시각 단서로요.

강조 절제(BP-039) 단, 모든 걸 강조하면 아무것도 안 띕니다. 정말 중요한 것만 강조하죠(강조 절제 BP-039).

유의 사항의 중대성. 신청 유의 사항·자격은, 사용자의 권리·의무·불이익과 직결됩니다. 중요 정보를 놓치면, 부적격 신청, 불이익, 법적 문제가 생길 수 있죠. 그래서 반드시 확인할 정보를 변별되게 표현하는 게 중요합니다.

SP-002(시급·중요 정보)·BP-061(오류 인지) 정신. 시급·중요 정보를 빠르게 인지하게(SP-002)·오류를 눈에 띄게(BP-061) 한 정신을, 신청 유의 사항에 적용한 거죠. 중요한 건 돋보이게요.

이 규칙은 신청(SP)의 ’중요 정보 가시성’을 담당합니다 — 반드시 확인할 중요 정보를 변별되게 표현해(127), 사용자가 놓치지 않고 인지하게 하죠. SP-125(첫 단계)·SP-128(범위 한정)과 함께 갑니다.

정리하면 — 반드시 확인할 중요 정보가 일반 정보와 똑같이 보이면 사용자가 놓치므로, 중요도·계층에 따라 강조(색만 아닌)· 위계로 변별되게 직관적으로 표현하되 강조는 절제해야 합니다.

3. 점검 / 개선

무엇을 점검하나

중요 강조 — 반드시 확인할 정보가 강조되는가(색만 아닌, WCAG 1.4.1).

계층 위계 — 중요도·계층에 따라 위계가 표현되는가(BP-052·053).

강조 절제 — 정말 중요한 것만 강조하는가(BP-039).

개선 방향

반드시 확인할 정보를 주의 색·아이콘·박스로 강조(CP-158~167, 색만 아님).

중요도 계층 위계(BP-052·053). 강조 절제(BP-039). 직관적 단서.

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

역할	책임
기획/디자이너	중요 정보 변별 표현 설계
콘텐츠 운영	중요도 판단·작성

기관 유형	SP-127 적용
중앙행정기관(대표·운영) / 공공기관 / 지자체	✅ 권장 (유의 사항 제공 시)

신청 유의 사항을 제공하는 사이트가 해당됩니다.

5. 30초 자가진단 + FAQ

✅ 30초 자가진단

□ 반드시 확인할 정보가 강조되나요(색만 아닌, WCAG 1.4.1)?

□ 중요도·계층에 따라 위계가 표현되나요(BP-052·053)?

□ 정말 중요한 것만 강조하나요(BP-039)?

❓ FAQ

Q1. 중요 정보가 안 변별되면 왜 문제인가요? 반드시 확인할 정보(자격 제한·불이익)가 일반 정보와 똑같이 보이면 놓칩 니다. 모르고 신청했다 부적격·불이익·법적 문제가 생기죠. Q2. 어떻게 변별하나요? 주의 색·아이콘(⚠)·큰 글씨·박스로 강조하고(CP-158~167), 중요도 계층에 따라 위계를 표현합 니다(BP-052·053). 단 색만 의존하지 않고 텍스트·아이콘도요(WCAG 1.4.1). Q3. 다 강조하면 안전하지 않나요? 아니요. 모든 걸 강조하면 아무것도 안 띕니다(강조 절제 BP-039). 정말 반드시 확인 할 것만 강조해야 돋보이죠.

6. 마무리

SP-127의 메시지:

꼭 봐야 할 건 눈에 띄게 — 반드시 확인할 중요 정보를 변별되게 표현하라.

중요 정보가 일반 정보와 똑같이 보이면 사용자가 놓칩니다. 중요도·계층에 따라 강조·위계로 변별되게 표현하되 강조는 절제 하는 게 핵심이죠. 다음 편은 신청서 작성 단계 정보 범위입니다.

다음 편 예고 ▶ 「802. (SP-128) 신청서 작성 단계에서는 신청서 작성 전 유의사항, 완료 이후 필요한 정보는 포함하고 있지 않다.」

ViewCheck는 반드시 확인할 중요 정보가 변별되게 표현되는지를 진단합니다.

📚 참고 출처

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

WCAG 2.1 SC 1.4.1 Use of Color — https://www.w3.org/WAI/WCAG21/Understanding/use-of-color.html

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

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