찾기 쉽게 가나다순으로

KRDS CP-280 — 옵션은 가나다순으로 정렬하여 사용하고 있다.

0. 들어가며 — 400편, 옵션 순서

이번 400편은 라디오 버튼 옵션을 가나다순으로 정렬하라는 규칙입니다. 시리즈 400편을 맞습니다.

옵션들이 — 순서 없이 뒤섞여 있으면, 사용자는 원하는 옵션을 찾아 전체를 훑어야 하죠. 가나다순(또는 논리적 순서) 으로 정렬돼 있으면 — 사용자가 첫 글자로 위치를 예측해 빠르게 찾습니다. CP-280은 옵션 정렬을 규정합니다. 이번 편을 풀어냅니다.

1. 규칙 원문 — 가나다순 정렬

CP-280 (컴포넌트 > 라디오 버튼) “옵션은 가나다순으로 정렬하여 사용하고 있다.”

라디오 버튼의 옵션들을 가나다순으로 정렬해, 사용자가 원하는 옵션을 쉽게 찾게 하라는 뜻입니다.

정리: 라디오 옵션을 가나다순으로 정렬하라. 이게 CP-280입니다.

2. 왜 가나다순 정렬인가

라디오 버튼의 옵션들은 — 사용자가 그중 하나를 찾아 고릅니다. 이 ’찾기’가 쉬우려면 옵션이 예측 가능한 순서로 정렬돼야 하죠. 순서가 없으면 — 사용자는 원하는 옵션을 찾아 전체를 처음부터 훑어야 합니다.

정렬이 없을 때:

찾기 부담 — 옵션들이 무작위·임의 순서로 나열되면, 사용자는 원하는 옵션이 어디 있는지 몰라 — 위에서부터 하나씩 읽어 찾아야 하죠. 옵션이 여러 개(최대 7개, CP-279)면 번거롭습니다.

예측 불가 — 순서가 없으면 ’○○ 옵션이 대략 어디쯤 있겠다’를 예측 못 합니다.

가나다순 정렬의 효과:

위치 예측 — 옵션이 가나다순이면, 사용자는 찾는 옵션의 첫 글자로 위치를 예측하죠. ’바’로 시작하는 옵션은 중간쯤, ’하’는 끝쪽 — 식으로 빠르게 찾습니다. 사전·전화번호부에서 익숙한 방식이죠.

빠른 스캔 — 정렬된 순서를 따라 시선을 내리며 원하는 지점에서 멈춥니다.

공정성·중립성 — 가나다순은 중립적 순서입니다. 특정 옵션을 위에 둬 유도하지 않죠. 공공 서비스에서 — 예를 들어 지역·기관 선택을 가나다순으로 하면, 어느 것도 특혜 없이 공정하게 나열됩니다.

그래서 CP-280은 — 옵션을 가나다순으로 정렬하라고 합니다. 사용자가 첫 글자로 찾고, 중립적으로 나열되죠.

’가나다순’의 예외 — 논리적 순서. 단, 가나다순이 항상 최선은 아닙니다. 옵션에 자연스러운 논리적 순서가 있으면 그것이 우선될 수 있죠:

순서가 의미 있는 옵션 — ‘소/중/대’, ‘낮음/보통/높음’, ‘1단계/2단계/3단계’처럼 — 크기·정도·단계 순서가 있으면, 가나다순보다 그 논리적 순서가 맞습니다(’대/소/중’ 가나다순은 어색하죠).

시간 순서 — 연도·요일·월처럼 시간 순서가 있으면 그대로.

빈도·중요도 — 일부는 자주 쓰는 옵션을 위에 두기도 하지만 — 이건 유도가 될 수 있어 신중히.

핵심은 — ’사용자가 옵션을 찾기 쉬운 예측 가능한 순서’입니다. 자연스러운 논리 순서가 없으면 가나다순, 있으면 논리 순서죠. 무작위·임의 순서가 가장 나쁩니다.

기본 선택 없음과의 관계. 옵션을 정렬하되 — 특정 옵션을 기본 선택값으로 미리 체크하지 않아야 합니다(다음 편 CP-281). 가나다순으로 중립 정렬하고(280), 기본 선택도 없게(281) 하면 — 사용자가 공정하게 자기 선택을 하죠.

이 규칙은 라디오 버튼의 ’탐색 편의·공정성’을 담당합니다 — 옵션을 예측 가능한 순서로 정렬해 찾기 쉽고 중립적 이게 하죠.

정리하면 — 라디오 옵션은 사용자가 찾기 쉽게 가나다순(또는 자연스러운 논리 순서)으로 정렬해, 위치 예측과 빠른 스캔, 중립적 나열을 보장해야 합니다.

3. 점검 / 개선

무엇을 점검하나

정렬 — 옵션이 가나다순(또는 논리적 순서)으로 정렬됐는가.

무작위 배제 — 옵션이 임의·무작위 순서가 아닌가.

논리 순서 우선 — 자연스러운 순서(크기·시간 등)가 있으면 그것을 따랐는가.

개선 방향

옵션을 가나다순 정렬. 자연스러운 논리 순서(소/중/대 등)가 있으면 그것으로.

임의 순서 제거. 중립적 정렬로 특정 옵션 유도 방지.

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

역할	책임
콘텐츠/기획	옵션 정렬 기준(가나다/논리) 결정
퍼블리셔/개발	정렬 구현

기관 유형	CP-280 적용
중앙행정기관(대표·운영) / 공공기관 / 지자체	✅ 필수 (라디오 버튼 사용 시)

라디오 버튼을 쓰는 모든 사이트가 해당됩니다.

5. 30초 자가진단 + FAQ

✅ 30초 자가진단

□ 옵션이 가나다순(또는 논리적 순서)으로 정렬됐나요?

□ 옵션이 임의·무작위 순서가 아닌가요?

□ 자연스러운 순서(크기·시간 등)가 있으면 그것을 따랐나요?

❓ FAQ

Q1. 항상 가나다순인가요? 자연스러운 논리 순서(소/중/대, 연도 등)가 있으면 그것이 우선입니다. 없으면 가나다 순이죠. 무작위만 피합니다. Q2. 자주 쓰는 옵션을 위에 두면 안 되나요? 유도가 될 수 있어 신중히 합니다. 중립적 정렬(가나다·논리)이 공정하죠. Q3. 정렬이 왜 중요한가요? 사용자가 첫 글자로 위치를 예측해 빠르게 찾고, 중립적으로 나열돼 공정하기 때문 입니다.

6. 마무리

CP-280의 메시지:

찾기 쉽게 가나다순으로 — 라디오 옵션을 가나다순(또는 논리 순서)으로 정렬하라.

옵션이 정렬되면 사용자가 첫 글자로 위치를 예측해 빠르게 찾고, 중립적으로 나열돼 공정합니다. 자연스러운 논리 순서가 있으면 그것을, 없으면 가나다순을 쓰죠. 무작위 순서가 가장 나쁩니다. 다음 편은 기본 선택값 미제공입니다.

다음 편 예고 ▶ 「401. (CP-281) 특정 옵션을 기본 선택값으로 제공하고 있지 않다.」

ViewCheck는 라디오 버튼 옵션이 가나다순으로 정렬됐는지를 진단합니다.

📚 참고 출처

KRDS 컴포넌트 — 라디오 버튼(Radio button) 가이드 — https://www.krds.go.kr/html/site/component/component_26.html

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

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