WCAG 2.1.1에 따른 키보드 조작
모든 기능은 키보드로 도달하고 실행할 수 있어야 합니다. 특히 직접 만든 컨트롤(button/a 대신 클릭 핸들러가 있는 div/span)이 이에 해당합니다.
흔한 오류
tabindex와 키보드 핸들러가 없는 클릭 가능한 <div>/<span>, :hover에서만 열리는 드롭다운 메뉴, 포커스 제어가 없는 모달, 조작 버튼이 없는 캐러셀.
올바른 방법
네이티브 요소(button, a, input)를 사용하세요. 달리 방법이 없을 때: role, tabindex="0", Enter/Space용 keydown 핸들러. 키보드 트랩은 금지 — 빠져나올 수도 있어야 합니다.
자동 테스트의 한계
키보드 조작은 실제 상호작용으로만 확인할 수 있습니다 — a11yglass의 무료 스캔은 이를 다루지 않습니다. Tab, Shift+Tab, Enter, Space, 화살표만으로 페이지를 위에서 아래로 한 번 훑어보세요.
a11yglass가 돕는 방법
무료 스캔은 제공된 HTML과 CSS를 자동으로 인식 가능한 WCAG 위반에 대해 점검하고, 각 발견 사항마다 성공 기준과 구체적인 조치를 제시합니다. 문제의 약 20~35 %를 발견하며 완전한 평가를 대체하지 않습니다.
계속 읽기
최선의 지식에 따른 일반 정보이며 법률 자문이 아닙니다. 개별 사안은 IT 법을 전문으로 하는 법무법인에 문의하세요.