아이콘 터치 영역, 왜 중요할까?
아이콘 이미지 자체가 작더라도 실제로 탭을 인식하는 영역은 패딩까지 포함해 충분히 넓어야 합니다. Apple 휴먼 인터페이스 가이드라인은 44×44pt, Google Material Design은 48×48dp를 최소 터치 영역으로 권장하고, 웹 접근성 표준인 WCAG 2.5.5는 24×24px를 최소 기준으로 제시합니다. 이 기준을 지키지 않으면 손가락이 큰 사용자나 운전 중, 걷는 중처럼 정밀한 조작이 어려운 상황에서 오터치가 빈번하게 발생합니다.
이 도구는 플랫폼을 선택하고 현재 사용 중인 터치 영역 크기와 아이콘 간 간격을 입력하면, 해당 플랫폼 기준에 부합하는지 즉시 판정해줍니다. 인접한 아이콘 사이의 간격도 최소 8px 이상 확보해야 오탭을 줄일 수 있습니다.
자주 묻는 질문
터치 영역 최소 크기는 얼마인가요?
iOS는 44×44pt, Android는 48×48dp, 웹 표준(WCAG)은 최소 24×24px를 권장합니다.
아이콘 자체가 작아도 되나요?
아이콘 이미지는 작아도 되지만, 실제로 탭을 인식하는 터치 영역(패딩 포함)은 권장 크기 이상으로 확보해야 합니다.