들어가기 전에

웹 페이지에서 컨트롤을 마우스로 조작할 때 컨트롤이 너무 작으면 클릭하기 어렵습니다.

사용자 입력 및 컨트롤은 조작 가능하도록 제공되어야 합니다.

여기에서의 조작 가능 기준을 살펴보도록 하겠습니다.

핵심키워드

• 대각선 6mm

학습하기 

컨트롤 대각선 길이 6mm 이상

컨트롤이 너무 작아서 클릭하기 불편하셨던 적 없으신가요?

비장애인들도 컨트롤이 작으면 조작이 힘든데요, 정교한 마우스 조작을 할 수 없는 분들은 더 힘듭니다.

따라서 웹에서 컨트롤의 대각선 길이는 6mm 이상으로 구현되어야 합니다.

컨트롤 테두리 안쪽으로 1픽셀 이상의 여백

컨트롤이 연달아 있을 때 1픽셀 이상의 여백이 있지 않으면 컨트롤 구분도 힘들고 잘못 선택할 확률도 높습니다.

따라서 컨트롤은 테두리 안쪽으로 1픽셀 이상의 여백을 두어야 합니다.