토글Toggle Switch
한 줄 정의
토글은 전등 스위치처럼 밀거나 눌러서 켜짐과 꺼짐 두 상태 중 하나를 고르는 화면 요소예요.
쉽게 말하면
휴대폰 설정 화면에서 '알림 받기' 옆의 동그란 손잡이를 밀면 켜지고, 다시 밀면 꺼져요. 이렇게 두 상태를 오가는 스위치가 토글이에요. 방문자는 손잡이의 위치와 색을 보고 지금 켜져 있는지 꺼져 있는지 바로 알 수 있어요.
언제 쓰나요
켜고 끄는 것 말고 다른 선택지가 없는 설정에 써요. W3C의 접근성 설계 안내(ARIA 작성 지침)는 스위치를 켬과 끔 두 값 가운데 하나를 고르는 입력 요소로 설명해요. 같은 안내는 체크박스와 스위치가 서로 바꿔 쓸 수 있는 경우가 있지만, 체크박스는 '일부만 선택됨' 같은 세 번째 상태를 가질 수 있고 스위치는 두 값만 가질 수 있다고 짚어요. 키보드로 쓰는 사람은 스위치를 고른 상태에서 스페이스 키를 눌러 켜고 끌 수 있어야 해요(W3C).
헷갈리는 말
| 헷갈리는 말 | 뜻 | 토글과 다른 점 |
|---|---|---|
| 체크박스 | 네모 칸에 체크해 고르는 입력 요소 | 체크박스는 '일부만 선택됨' 같은 세 번째 상태를 가질 수 있고, 토글은 켬과 끔 두 상태만 있어요 |
| 토글 버튼 | 누를 때마다 눌림과 안 눌림이 바뀌는 버튼(음소거 버튼 등) | 하는 일은 토글과 비슷하지만 생김새가 버튼이에요 |
| 아코디언 | 제목을 누르면 아래 내용이 펼쳐지고 접히는 요소 | 접고 펴는 목록을 '토글'이라고 부르는 도구도 있어요. 내용을 펼치고 접는 것은 아코디언이고, 설정을 켜고 끄는 것은 토글이에요 |
같은 말
아래 이름으로도 불러요. 모두 같은 뜻이에요.
토글 스위치Toggle Switch
