조작 가능 검사 방법

어떤 기준에 해당하나요

한국 기준 (KWCAG 2.2)

6.1.3 조작 가능

운용의 용이성

국제 기준 (WCAG 2.2)

2.5.8 대상 크기(최소) (AA) ↗

어떻게 검사하나요

버튼·링크 등 조작 가능한 요소의 크기가 충분한지(최소 24×24 CSS px 권장), 인접한 컨트롤과 간격이 확보되어 잘못 누를 위험이 없는지 확인하세요.

자동 검사로 잡히는 부분

이 항목은 2개 규칙으로 자동 판정합니다. 각 규칙에 위반 시 개선 방법이 붙어 있습니다.

• 터치·클릭 대상 크기가 너무 작습니다 target-size

  조작 요소는 최소 24×24 CSS px 크기이거나 인접 요소와 충분한 간격이 있어야 합니다. 손떨림이 있는 사용자, 모바일 사용자가 잘못 누르는 것을 방지합니다.

  .icon-button { min-width: 24px; min-height: 24px; padding: 8px; }

• 클릭·터치 대상이 24×24px보다 작습니다 a11ychk:target-size

  버튼·링크 등 조작 대상은 최소 24×24 CSS px이어야 합니다(WCAG 2.2 신설). 작은 대상은 손떨림이 있거나 터치 기기를 쓰는 사용자가 누르기 어렵습니다. 단, 주변에 충분한 간격(24px 원 안에 다른 타깃이 없음)이 있거나 문장 속 인라인 링크면 예외이므로 직접 확인하세요.

  .icon-button { min-width: 24px; min-height: 24px; }
  /* 시각 크기를 못 키우면 히트 영역만 확장 */
  .icon-button { position: relative; }
  .icon-button::after { content: ""; position: absolute; inset: -6px; }