Checkboxes let users select one or more items from a list, or turn an item on or off
확인란을 통해 사용자는 목록에서 하나 이상의 항목을 선택하거나 항목을 켜거나 끌 수 있습니다.
•
Use checkboxes (instead of switches or radio buttons) if multiple options can be selected from a list
목록에서 여러 옵션을 선택할 수 있는 경우 스위치나 라디오 버튼 대신 체크박스를 사용합니다.
•
Label should be scannable
라벨은 스캔할 수 있어야 합니다.
•
Selected items are more prominent than unselected items
선택된 항목이 선택되지 않은 항목보다 더 눈에 잘 띄어야 합니다.
Usage
•
Select one or more options from a list
목록에서 하나 이상의 옵션 선택
•
Present a list containing sub-selections
하위 선택 항목이 포함된 목록 제시
•
Turn an item on or off in a desktop environment
데스크톱 환경에서 항목 켜기 또는 끄기
•
Visually group similar options together
비슷한 옵션을 시각적으로 그룹화하기
Checkboxes should be used instead of switches if multiple, related options can be selected from a list. Checkboxes visually group similar items effectively and take up less space than switches.
목록에서 여러 개의 관련 옵션을 선택할 수 있는 경우에는 스위치 대신 체크박스를 사용해야 합니다. 체크박스는 비슷한 항목을 시각적으로 효과적으로 그룹화하고 스위치보다 공간을 덜 차지합니다.
•
Checkboxes let users select one or more options from a list. A parent checkbox allows for easy selection or deselection of all items.
확인란을 사용하면 목록에서 하나 이상의 옵션을 선택할 수 있습니다. 상위 확인란을 사용하면 모든 항목을 쉽게 선택하거나 선택 취소할 수 있습니다.
•
If a list consists of multiple options, don't use switches. Instead, use checkboxes. Checkboxes imply the items are related, and take up less visual space.
목록이 여러 옵션으로 구성된 경우에는 스위치를 사용하지 마세요. 대신 확인란을 사용하세요. 확인란은 항목이 서로 연관되어 있음을 의미하며 시각적 공간을 덜 차지합니다.
Alternate selection controls
Checkboxes, radio buttons, and switches are the three main types of selection controls. They all help people make choices, like selecting options or switching settings on or off.
체크박스, 라디오 버튼, 스위치는 선택 컨트롤의 세 가지 주요 유형입니다. 모두 옵션을 선택하거나 설정을 켜거나 끄는 등의 선택을 도와줍니다.
Use checkboxes to select multiple related options in a list.
확인란을 사용하여 목록에서 여러 개의 관련 옵션을 선택합니다.
Use radio buttons to select a single option in a list.
라디오 버튼을 사용하여 목록에서 단일 옵션을 선택합니다.
Use switches to select standalone or more verbose options in a list, like settings.
스위치를 사용하여 목록에서 독립형 또는 설정과 같은 보다 자세한 옵션을 선택합니다.