학원 과정 선택 버튼은 글자 크기뿐 아니라 실제 누를 수 있는 영역과 주변 간격을 확인해야 합니다. 작은 버튼의 예외를 구분하고 휴대폰 화면에서 인접한 선택지를 잘못 누르지 않는지 시험하는 편을 권합니다.
학원 과정 선택 버튼은 글자 크기뿐 아니라 실제 누를 수 있는 영역과 주변 간격을 확인해야 합니다. 작은 버튼의 예외를 구분하고 휴대폰 화면에서 인접한 선택지를 잘못 누르지 않는지 시험하는 편을 권합니다.
수업 이름을 누르는 영역은 어디까지인가요?
학부모가 휴대폰으로 수업 목록을 보고 반을 고르는 화면을 가정해 보겠습니다. 주황색 상자가 넓어 보여도 글자 부분만 눌리는 구현이라면, 눈에 보이는 버튼과 실제 선택 영역이 다릅니다. EDUGEO는 과정 이름, 누를 수 있는 범위, 다음 화면에서 확인되는 선택 결과를 함께 살펴보도록 권합니다. 아래 교실 삽화는 선택할 교육공간의 개념을 보여주며 실제 학원이나 접수 화면은 아닙니다.
AI로 생성한 개념 이미지. 실제 사업장 사진이 아닙니다.
W3C의 최소 대상 크기 해설은 포인터 입력 대상의 크기를 원칙적으로 24×24 CSS 픽셀 이상으로 설명합니다. 여기서 재는 것은 화면 글자의 크기나 휴대폰의 물리적 픽셀이 아니라 실제 조작 영역입니다. 운영자가 화면만 보고 판정하기보다 개발 담당자에게 해당 영역의 너비와 높이를 확인받는 편이 좋습니다.
작은 선택지가 모두 같은 방식으로 실패하나요?
W3C의 최소 크기 기준에는 간격, 같은 기능을 수행하는 다른 조작 수단, 문장 안의 링크, 브라우저 기본 조작 요소, 본질적으로 필요한 표현에 관한 예외가 있습니다. 예를 들어 간격 예외는 ‘버튼 사이가 조금 벌어져 있다’는 인상으로 판단하지 않습니다. 작은 대상의 경계 상자 중심에 지름 24 CSS 픽셀인 원을 놓았을 때 다른 대상이나 다른 작은 대상의 원과 겹치지 않는지 확인하는 조건입니다.
EDUGEO는 학습 자료를 읽고 여러 과정을 비교하는 화면에서 작은 아이콘만 따로 누르게 하지 않고, 과정 이름을 포함한 충분한 선택 영역을 마련하는 방식을 검토하도록 권합니다. 이 제안이 모든 문장 안의 링크를 큰 버튼으로 바꾸라는 뜻은 아닙니다. 링크가 놓인 맥락과 기준의 예외를 먼저 구분해야 합니다.
AI로 생성한 개념 이미지. 실제 사업장 사진이 아닙니다.
24와 44 중 어느 숫자를 적용해야 하나요?
W3C의 향상된 대상 크기 해설은 별도의 AAA 수준 기준으로 44×44 CSS 픽셀을 제시합니다. 최소 기준의 AA 수준과 향상 기준의 AAA 수준을 같은 의무라고 설명해서는 안 됩니다. 24를 넘겼다는 이유로 모든 사용자가 편하게 누를 수 있다고 단정할 수도 없습니다.
청주·충북 학원이 과정 선택 동선을 고친다면, EDUGEO는 중요한 선택 버튼에 여유 있는 영역을 두고 긴 수업 이름과 여러 줄 표시에서도 이웃 버튼을 잘못 누르지 않는지 시험하도록 권합니다. 상담 담당자는 화면과 문제 상황을 남기고, 개발 담당자는 크기와 간격을 측정하는 식으로 역할을 나눌 수 있습니다.
수정 요청에는 무엇을 담으면 좋을까요?
가상 수업 정보로 대상 휴대폰 화면 폭, 과정 이름, 누른 위치와 실제 선택 결과를 기록합니다. 시각적으로 표시된 영역과 실제 클릭 영역이 다른지, 누른 뒤 선택 상태를 확인할 수 있는지도 남깁니다. 버튼 하나의 치수 검사는 키보드 조작이나 화면 낭독기 안내까지 확인한 접근성 전체 검사와는 다릅니다.
EDUGEO는 교육기관 홈페이지의 과정 정보와 학부모 문의 동선을 정리하는 브랜드입니다. 학원, 어린이집, 유치원은 안내할 프로그램과 접수 절차가 다르므로 각 기관의 실제 화면을 기준으로 범위를 정하는 편이 좋습니다. 이 글은 특정 기관의 접근성 적합 판정이나 문의 증가 실적이 아닙니다.