조작 가능

웹 페이지에서 컨트롤을 마우스로 조작할 때 컨트롤이 너무 작으면 클릭하기 어렵다. 사용자 입력 및 컨트롤은 조작 가능하도록 제공되어야 한다. 여기에서의 조작 가능 기준을 살펴보도록 하겠다.

 

---

 

컨트롤 대각선 길이 6mm 이상
컨트롤이 너무 작아서 클릭하기 불편하셨던 적 없던가? 비장애인들도 컨트롤이 작으면 조작이 힘든데요, 정교한 마우스 조작을 할 수 없는 분들은 더 힘들다. 따라서 웹에서 컨트롤의 대각선 길이는 6mm 이상으로 구현되어야 한다.

컨트롤 테두리 안쪽으로 1픽셀 이상의 여백
컨트롤이 연달아 있을 때 1픽셀 이상의 여백이 있지 않으면 컨트롤 구분도 힘들고 잘못 선택할 확률도 높다. 따라서 컨트롤은 테두리 안쪽으로 1픽셀 이상의 여백을 두어야 한다.

 

 

 

---

 

 

 

[ 출처 ]

BoostCourse 웹 UI 개발 : https://www.boostcourse.org/web344/lecture/35115