우선 볼 대상
닫기 아이콘, 작은 체크박스, 기간 탭과 모바일 메뉴 버튼을 확인합니다. 잘못 누르면 선택이 사라지거나 다른 페이지로 이동하는 대상은 주변 간격도 중요합니다. 라벨과 연결해 선택 영역을 넓힐 수 있는지 봅니다.
가정한 검사 기록
아래는 실제 클릭 영역을 기록하는 형식 예시입니다. 표준 적합성의 전체 판정은 해당 기준의 조건과 예외를 확인해야 합니다.
control: quote period option
visible_icon_bounds: measured rendered rectangle
interactive_bounds: measured button or label rectangle
nearest_action: identified adjacent control
overlap_check: actual hit regions do not collide unexpectedly
input_methods: pointer, touch and keyboard
result: pass, needs adjustment or exception with documented reason
기준과 예외
WCAG 2.2의 대상 크기 기준에는 간격과 문장 안 링크 등 예외가 있으므로 숫자 하나만 모든 요소에 적용하지 않습니다. 실제 가이드의 현재 조건을 읽고 자동 경고를 사람이 검토합니다. 기준보다 크게 만들더라도 화면을 가려 작업을 방해하면 별도 문제가 남습니다.
검수 순서
- 실제 요소 경계와 인접 간격을 측정합니다.
- 라벨·아이콘·가장자리 터치를 시험합니다.
- 선택 상태와 오동작 여부를 확인합니다.
- 키보드 이름·초점과 모바일 가림을 함께 봅니다.
화면을 확대했을 때 대상이 겹치거나 줄바꿈 때문에 다른 위치를 덮는지 확인합니다. 투명한 큰 클릭 영역으로 근처 링크를 가리지 않습니다. 같은 컨트롤을 재사용하는 페이지 유형별로 대표 상태와 예외를 검수합니다.
완료 기준
사용자가 의도한 동작을 선택할 수 있고 잘못된 인접 실행이 줄어야 합니다. 자동 측정의 경고 0건을 전체 접근성 보장으로 표현하지 않습니다. 시험한 조건과 예외의 이유를 남기고 실제 작업 완료를 확인합니다. 목표는 버튼 수치만 맞추는 것이 아니라 문의·견적 선택과 취소를 안정적으로 조작하게 하는 데 있습니다.
자주 묻는 질문
- 아이콘 이미지를 크게 하면 터치 영역도 커지나요?
- 클릭을 받는 요소의 실제 경계가 다를 수 있습니다. 렌더링된 버튼과 라벨의 영역을 확인하고 화면 크기만으로 판정하지 않습니다.
- 모든 텍스트 링크를 큰 버튼으로 바꿔야 하나요?
- 문장 안 링크 등 표준의 적용 맥락과 예외가 있습니다. 일괄 변환하기보다 조작 대상의 용도·간격과 실제 사용 경험을 검토합니다.
공식 참고자료와 작성 기준
공식 문서는 도구·검색 기능의 근거이며, 위의 점검 순서와 완료 기준은 현랩의 실무 설계 제안입니다. 예시를 실제 고객의 성과나 검색엔진의 보장으로 해석하지 않습니다.