짧게 핵심만

KRDS CP-211 — 캐러셀 항목의 텍스트 콘텐츠는 2줄 이내로 제공하고 있다.

0. 들어가며 — 넘어가기 전에 읽혀야 한다

이번 331편은 캐러셀 항목의 텍스트 콘텐츠를 2줄 이내로 제공하라는 규칙입니다.

캐러셀 슬라이드는 자동으로 넘어가거나(CP-208) 사용자가 빠르게 훑는 영역입니다. 그 짧은 노출 시간에 긴 텍스트를 넣으면 — 다 읽기 전에 넘어가거나 사용자가 읽기를 포기하죠. CP-211은 슬라이드 텍스트를 2줄 이내로 압축해 짧은 시간에 핵심이 전달되게 하라고 규정합니다. 긴급 공지 2줄(CP-157), 탭 레이블 간결(CP-139) 정신이죠. 이번 편을 풀어냅니다.

1. 규칙 원문 — 텍스트 2줄 이내

CP-211 (컴포넌트 > 캐러셀) “캐러셀 항목의 텍스트 콘텐츠는 2줄 이내로 제공하고 있다.”

각 캐러셀 슬라이드의 텍스트(제목·문구)를 2줄 이내로 짧게 작성해, 사용자가 짧은 노출 시간에 핵심을 읽을 수 있게 하라는 뜻입니다.

정리: 캐러셀 슬라이드 텍스트는 2줄 이내로. 이게 CP-211입니다.

2. 왜 2줄 이내여야 하나

캐러셀 슬라이드는 ‘짧은 시간 노출되는’ 콘텐츠입니다. 자동 회전이면 몇 초 뒤 넘어가고(CP-208), 수동이라도 사용자는 빠르게 훑죠. 이 짧은 시간에 정보를 전달하려면 텍스트가 짧고 핵심적이어야 합니다.

긴 텍스트의 문제:

읽기 실패 — 슬라이드에 여러 줄의 긴 문구가 있으면, 사용자가 자동 회전 간격 안에 다 못 읽고 넘어가죠 (CP-208의 적절 간격으로도 긴 텍스트는 부족). 결국 정보가 전달 안 됩니다.

주목 실패 — 캐러셀(특히 배너)은 ’한눈에 핵심을 전하고 행동을 유도’하는 도구입니다. 긴 텍스트는 한눈에 안 읽혀, 사용자가 그냥 지나치죠. 짧은 한두 줄이라야 빠르게 핵심이 꽂힙니다.

레이아웃 압박 — 긴 텍스트는 슬라이드 공간을 많이 차지해, 이미지·CTA 버튼 등 다른 요소를 밀어내거나 어수선하게 만듭니다.

그래서 CP-211은 슬라이드 텍스트를 2줄 이내로 제한합니다. 2줄은 — 핵심 메시지(제목 + 짧은 부연, 또는 한 문장)를 담기에 충분하면서, 짧은 노출 시간에 읽히는 적정선이죠. 예를 들어:

“○○ 지원금 신청 시작 / 6월 30일까지 온라인 접수” (2줄: 핵심 + 기한)

“2026 국민 참여 정책 공모전” (1줄: 제목)

짧게 쓰는 원칙:

핵심 한 가지 — 슬라이드 하나에 메시지 하나. 여러 정보를 욱여넣지 않기.

상세는 링크 너머로 — 자세한 내용은 슬라이드를 클릭해 가는 상세 페이지에서(긴급 공지 CP-156·157 정신). 슬라이드는 ’핵심 + 클릭 유도’만.

간결한 표현 — 명사·핵심어 위주로 압축.

텍스트는 실제 텍스트로. 그리고 이 텍스트는 — 이미지에 구워 넣지 말고 실제 HTML 텍스트로 구현해야 하죠(이미지 CP-202·203, 그리고 캐러셀 CP-226의 ’텍스트 든 이미지 금지’와 직접 연결). 그래야 접근성·검색· 반응형이 되고, 배경 이미지 위 텍스트라면 배경과 구분(CP-203)해 읽히게 합니다.

이 규칙은 캐러셀의 ’콘텐츠 간결성’을 담당합니다 — 슬라이드 5개(CP-210)로 개수를 줄이고, 각 슬라이드 텍스트 2줄(CP-211)로 분량을 줄이면, 캐러셀이 핵심을 빠르게 전하는 도구가 되죠. 자동 회전 간격(CP-208)과 함께 — 짧은 텍스트를 충분한 시간 노출해 확실히 전달합니다.

정리하면 — 캐러셀 슬라이드는 짧은 시간 노출되므로, 텍스트를 2줄 이내로 압축해 핵심이 빠르게 읽히게 하고, 상세는 링크 너머로 미뤄야 합니다.

3. 점검 / 개선

무엇을 점검하나

2줄 이내 — 각 슬라이드 텍스트가 2줄을 넘지 않는가.

핵심 집중 — 슬라이드당 메시지가 하나로 압축됐는가.

상세 분리 — 자세한 내용이 링크 너머 상세 페이지로 미뤄졌는가.

개선 방향

슬라이드 텍스트를 핵심 2줄 이내로 압축. 상세는 클릭 후 상세 페이지로.

실제 HTML 텍스트로 구현(이미지 굽기 금지, CP-226). 배경 위면 대비 확보(CP-203).

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

역할	책임
UX 라이팅/기획	슬라이드 핵심 2줄 텍스트 작성
디자이너/개발	2줄 제한·실제 텍스트 구현

기관 유형	CP-211 적용
중앙행정기관(대표·운영) / 공공기관 / 지자체	✅ 필수 (텍스트 있는 캐러셀 사용 시)

텍스트가 든 캐러셀·배너를 쓰는 사이트가 해당됩니다.

5. 30초 자가진단 + FAQ

✅ 30초 자가진단

□ 각 슬라이드 텍스트가 2줄을 넘지 않나요?

□ 슬라이드당 메시지가 하나로 압축됐나요?

□ 자세한 내용이 링크 너머 상세 페이지로 미뤄졌나요?

❓ FAQ

Q1. 전할 내용이 많은데 2줄로 부족하지 않나요? 슬라이드는 핵심 + 클릭 유도만 담고, 상세는 클릭 후 상세 페이지에서 보여줍니다. Q2. 왜 2줄인가요? 짧은 노출 시간(자동 회전 등)에 읽히려면 핵심만 담아야 합니다. 2줄이 핵심 전달과 가독성의 적정선이죠. Q3. 텍스트를 이미지에 넣으면 디자인이 자유롭지 않나요? 접근성·검색·반응형이 안 됩니다. 실제 텍스트로 구현해야 합니다(CP-226).

6. 마무리

CP-211의 메시지:

짧게 핵심만 — 캐러셀 슬라이드 텍스트는 2줄 이내로.

캐러셀 슬라이드는 짧은 시간 노출되므로, 긴 텍스트는 다 못 읽고 넘어갑니다. 2줄 이내로 핵심만 압축해 빠르게 읽히게 하고, 상세는 링크 너머로 미루죠. 실제 텍스트로 구현해야 접근성도 됩니다. 다음 편은 슬라이드 항목의 윤곽을 명확히 하는 규칙입니다.

다음 편 예고 ▶ 「332. (CP-212) 캐러셀 항목의 콘텐츠의 윤곽이 명확하게 드러나도록 표현하고 있다.」

ViewCheck는 캐러셀 슬라이드 텍스트가 2줄 이내인지를 진단합니다.

📚 참고 출처

KRDS 컴포넌트 — 캐러셀(Carousel) 가이드 — https://www.krds.go.kr/html/site/component/component_20.html

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

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