KWCAG 2.2 · 6.1.3

조작 가능 검사 방법

KWCAG 2.2 「조작 가능」 항목을 점검하는 방법입니다. 자동 검사가 일부를 잡아내지만, 나머지는 사람이 직접 확인해야 합니다.

어떤 기준에 해당하나요

버튼·링크 등 조작 가능한 요소의 크기가 충분한지(최소 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; }
```

주소만 넣으면 이 항목을 포함한 KWCAG 33항목을 한 번에 점검해 드립니다. 로그인 없이 한 페이지를 바로 검사해 볼 수 있습니다.