포인터 입력을 위한 타겟의 크기는 다음을 제외하고 최소 24×24 CSS 픽셀이어야 합니다.
• 간격: 타겟 오프셋이 모든 가까운 타겟에서 최소 24px인 경우 • 인라인: 타겟이 문장이나 텍스트 블럭에 있는 경우 • 필수: 타겟의 특정한 표현이 전달되는 정보에 필수적인 경우 • 유저에이전트 컨트롤: 타겟 크기가 개발자에 의해 수정되지 않고 유저 에이전트에 의해 결정된 경우 • 동등한 기능 존재: 동일한 페이지에 24×24 CSS 픽셀 이상의 영역을 갖는 동등한 링크 또는 콘트롤이 존재하는 경우
작은 화면에서 콘텐츠에 접근하거나 손떨림 등의 이유로 작은 컨트롤을 활성화하는데 문제가 있는 사용자가 쉽게 활성화 할 수 있을 만큼 충분히 큰 컨트롤을 보장하기 위한 항목입니다.
마우스 및 이와 유사한 포인팅 장치는 사용자가 작은 컨트롤을 사용하기 어려울 수 있으며 더 큰 컨트롤은 대상을 활성화 하는데 도움이 됩니다. 터치는 거친 정밀도의 입력 매커니즘이기 때문에 마우스나 스타일러스와 같은 입력을 사용할 때 동일한 수준의 미세 제어가 부족하고 일반적으로 터치/활성화되는 화면의 정확한 위치에 대한 사용자의 시야를 차단합니다.
특히 자주 사용되는 컨트롤이거나, 인터랙션을 쉽게 취소할 수 없거나, 컨트롤이 화면 가장자리와 같이 선택하기 어려운 곳에 위치해있거나, 다른 컨트롤과 근접해 있는 등의 경우 사용을 더 어렵게 만들 수 있습니다.
따라서 마우스를 사용하여 기존 데스크탑/노트북에서 액세스할 수 있는 사이트와 터치 스크린이 있는 태블릿 또는 휴대폰에서 모두 접근 가능하도록 컨트롤 타겟 크기는 최소 24px * 24px 이상을 가져야 합니다.
단 다음의 경우들은 예외 입니다.