버튼 터치 영역, WCAG 2.2와 Apple HIG로 보는 7가지 기준

모바일 화면에서 아이콘이 또렷하게 보인다고 해서 누르기 쉬운 버튼인 것은 아닙니다. 눈에 보이는 아이콘은 작아도 실제 클릭 영역은 충분히 넓을 수 있고, 반대로 큰 카드처럼 보여도 링크가 글자에만 걸려 있으면 사용자는 여러 번 눌러야 할 수 있습니다. 버튼 크기를 검수할 때는 모양보다 실제 포인터 대상과 주변 간격을 함께 봐야 합니다.WCAG 2.2의 Target Size (Minimum)는 웹에서 포인터 입력 대상이 원칙적으로 최소 24 × 24 CSS 픽셀을 확보하도록 안내합니다. Apple Human Interface Guidelines는 iOS와 iPadOS의 기본 컨트롤 크기로 44 × 44 pt를 제시하고, 플랫폼별 최소 크기와 컨트롤 사이 간격도 함께 보라고 설명합니다. 두 숫자는 단위와 적..