이게 공지인지 자료인지 보이게

KRDS SP-052 — 항목에 검색 결과 범주 정보가 명확하게 드러나도록 표현하고 있다.

0. 들어가며 — 이 결과가 무슨 종류인지 모르면

이번 726편은 항목에 검색 결과 범주 정보가 명확하게 드러나도록 표현하라는 규칙입니다.

전체 탭(SP-050)에서 — 여러 범주 결과가 섞여 나올 때, 각 항목이 공지인지 자료인지 민원인지 보이지 않으면 헷갈리죠. SP-052는 각 항목의 범주 정보 표시를 규정합니다. 이번 편을 풀어냅니다.

1. 원문 — 항목 범주 정보 표현

SP-052 (서비스 패턴 > 검색 > 검색 결과 이용) “항목에 검색 결과 범주 정보가 명확하게 드러나도록 표현하고 있다.”

각 검색 결과 항목에 범주 정보가 명확히 드러나게 표현하라는 뜻입니다.

정리: 각 결과 항목에 범주 정보를 명확히 표시하라. 이게 SP-052입니다.

2. 왜 범주 정보인가

검색 결과, 특히 전체 탭(SP-050)에서는, 여러 범주(공지·자료·보도·민원·정책 등)의 결과가 섞여 나옵니다. 이때 각 항목이 무슨 범주인지가 보여야, 사용자가 그 결과의 성격을 알죠. SP-052는 범주 정보 표시를 요구합니다.

범주 정보가 없을 때의 문제:

결과 성격 모름 전체 탭에서 결과가 섞여 나오는데, 각 항목이 공지인지 자료인지 모르면, 사용자는 그 결과의 성격(공식 공지? 참고 자료? 신청 가능 민원?)을 모릅니다.

선택 판단 어려움 범주를 모르면, 어느 결과를 클릭할지 판단하기 어렵죠. ’민원 서비스’를 찾는데, 어느 게 민원인지 안 보이면요.

그래서 SP-052는 — 범주 정보 표현을 요구합니다:

범주 표시 각 결과 항목에, 어느 범주인지를 표시합니다. 범주명을 텍스트로(‘공지’, ‘자료’, ‘민원’), 또는 범주 배지·태그·아이콘으로요. 사용자가 한눈에 알게요.

명확하게 범주가 명확히 드러나게요. 제목 옆·위에 눈에 띄게요. 작거나 흐려서 안 보이면 안 되죠.

일관된 범주 체계 범주 이름·표현을 일관되게요(SP-009 용어 일관성). ’공지’와 ’공지사항’을 섞지 않습니다.

전체 탭에서 특히 전체 탭(주제 섞임 SP-050)에서, 범주 표시가 특히 중요합니다. 섹션으로 안 나누는 대신 (SP-050), 각 항목 범주로 종류를 알리죠.

전체 탭(SP-050)과의 연계. SP-050은 전체 탭을 주제 섹션 없이 관련도순으로 정렬했죠. 섹션이 없으니, 각 항목의 범주를 표시(SP-052)해 종류를 알립니다. SP-050(섹션 없이 정렬) + SP-052(항목 범주 표시)가 짝이죠. 관련도순으로 섞되, 각 항목이 무슨 범주인지는 알게요.

범주 배지·태그. 범주는 배지(CP-186193)·태그(CP-304311)로 표현하기도 합니다. ‘공지’ 파란 배지, ‘자료’ 초록 태그처럼요. 단, 색만 의존 말고 텍스트도(WCAG 1.4.1). 배지·태그 절제(과하지 않게 BP-039)도요.

이 규칙은 검색(SP)의 ’결과 범주 식별’을 담당합니다 — 각 항목에 범주 정보를 명확히 표시해(052), 사용자가 결과의 종류· 성격을 알고 선택하게 하죠. SP-050(전체 탭 정렬)과 함께 갑니다.

정리하면 — 전체 탭에서 여러 범주가 섞여 나올 때 각 항목 범주가 안 보이면 결과 성격을 모르므로, 각 항목에 범주 정보를 (텍스트·배지·태그로, 색만 아닌) 명확히 표시해야 합니다.

3. 점검 / 개선

무엇을 점검하나

범주 표시 — 각 결과 항목에 범주(공지·자료 등)가 표시되는가.

명확성 — 범주가 눈에 띄게 명확히 드러나는가.

일관·접근성 — 범주 용어가 일관되고 색만 아닌 텍스트도 있는가.

개선 방향

각 항목에 범주(텍스트·배지·태그) 명확 표시. 전체 탭에서 특히.

일관된 범주 용어(SP-009). 색만 아닌 텍스트(WCAG 1.4.1). 배지·태그 절제.

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

역할	책임
기획/UX	범주 표현 설계
퍼블리셔/개발	범주 표시 구현

기관 유형	SP-052 적용
중앙행정기관(대표·운영) / 공공기관 / 지자체	✅ 권장 (통합 검색 제공 시)

여러 범주에 걸친 통합 검색을 제공하는 사이트가 해당됩니다.

5. 30초 자가진단 + FAQ

✅ 30초 자가진단

□ 각 결과 항목에 범주(공지·자료 등)가 표시되나요?

□ 범주가 눈에 띄게 명확히 드러나나요?

□ 범주 용어가 일관되고 색만 아닌 텍스트도 있나요?

❓ FAQ

Q1. 범주 정보가 왜 필요한가요? 전체 탭에서 여러 범주 결과가 섞여 나오는데, 각 항목이 공지인지 자료인지 민원인지 모르면 결과 성격을 모르고 선택 판단이 어렵죠. 범주를 표시해 알립니다. Q2. SP-050과 어떻게 연결되나요? SP-050(전체 탭 섹션 없이 관련도순)에서 섹션이 없으니, 각 항목 범주를 표시(SP-052) 해 종류를 알립니다. 섞되 범주는 알게 하는 짝이죠. Q3. 어떻게 표시하나요? 범주명 텍스트(‘공지’), 또는 배지·태그·아이콘으로요. 단 색만 의존 말고 텍스트도(WCAG 1.4.1), 배지·태그는 절제(BP-039)합니다. 용어는 일관되게요(SP-009).

6. 마무리

SP-052의 메시지:

이게 공지인지 자료인지 보이게 — 각 결과 항목에 범주 정보를 명확히 표시하라.

전체 탭에서 범주가 섞여 나올 때 각 항목 범주가 안 보이면 결과 성격을 모릅니다. 범주 정보를 명확히 표시해 종류를 알고 선택하게 하는 게 핵심이죠. 다음 편은 검색어 강조 표시입니다.

다음 편 예고 ▶ 「727. (SP-053) 검색어와 일치하는 항목을 강조표시 하고 있다.」

ViewCheck는 각 결과 항목에 범주 정보가 명확히 표현되는지를 진단합니다.

📚 참고 출처

KRDS 서비스 패턴 — 검색 가이드 — https://www.krds.go.kr/html/site/service/service_02.html

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

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