학원 과정의 선호 순서를 꼭 끌어서 바꾸게 해야 할까요?

학원 홈페이지 · 2026년 10월 29일 · EDUGEO

햇빛이 드는 큰 창 옆에 주황색 의자와 흰 책상이 놓인 빈 교실

학원 과정의 선호 순서는 끌어 놓기 외에도 눌러서 바꿀 수 있어야 합니다. 터치 화면의 대체 조작과 키보드 조작은 따로 시험하는 편을 권합니다.

학원 과정의 선호 순서를 정하는 화면에는 항목을 누른 뒤 위아래로 옮기는 버튼처럼 끌지 않는 조작도 마련하는 편이 좋습니다. 키보드로만 바꿀 수 있게 했다고 해서 휴대폰의 터치 대안까지 확인한 것은 아닙니다.

끌어 놓기가 어려울 때 같은 선택을 끝낼 수 있나요?

가상으로 학습 과정 세 개를 관심 순서대로 정하는 화면을 생각해 보겠습니다. 작은 손잡이를 계속 누른 채 정확한 위치에 내려놓아야 한다면, 단순히 첫 번째 과정을 바꾸려는 사람에게도 정밀한 움직임을 요구합니다. 이 글은 그런 순서 선택 기능이 있는 경우의 점검안이며, 모든 학원 사이트에 해당 기능이 필요하다는 뜻은 아닙니다.

W3C의 끌기 동작 해설은 WCAG 2.2의 AA 수준 기준으로, 끌기 동작을 쓰는 기능을 끌기 없이 단일 포인터로도 수행할 수 있어야 한다고 설명합니다. 끌기 자체가 본질적인 경우나 제작자가 수정하지 않은 브라우저 기능에는 예외가 있습니다. 단순한 과정 순서 변경에 이 예외를 자동 적용하지 않는 편이 맞습니다.

햇빛이 드는 큰 창 옆에 주황색 의자와 흰 책상이 놓인 빈 교실

AI로 생성한 개념 이미지. 실제 사업장 사진이 아닙니다.

버튼을 더한다면 무엇을 같이 확인할까요?

EDUGEO는 선택한 과정 옆에 ‘위로 이동’, ‘아래로 이동’처럼 동작을 알 수 있는 버튼을 두는 안을 제안합니다. 첫 항목을 더 위로 옮길 수 없는 경우와 마지막 항목을 더 아래로 옮길 수 없는 경우도 구분해 표시합니다. 버튼을 누른 뒤 화면의 순서와 실제 제출되는 순서가 같은지까지 확인해야 합니다. 이는 원문의 한 가지 구현 방식을 강제하는 규정이 아니라 운영 제안입니다.

학습 자료를 관심 순서대로 정리할 때도 같은 원리로 시험할 수 있습니다. 이동할 대상을 고르고 목적 위치를 고르는 방식 등 여러 대안 가운데 현재 화면에 맞는 것을 선택합니다. 끌기 기능은 유지하되 그것만으로 작업을 끝내도록 요구하지 않는 방식입니다.

나무 책상 위에 주황색 표지 노트와 연필이 놓이고 뒤로 작은 화분이 보이는 모습

AI로 생성한 개념 이미지. 실제 사업장 사진이 아닙니다.

키보드 검사는 왜 별도로 남겨야 할까요?

W3C의 끌기 해설은 터치 사용자가 물리적 키보드를 쓰지 않을 수 있으므로 이 기준이 키보드 접근성과 별개라고 밝힙니다. 키보드 조작 해설의 A 수준 기준은 개별 키 입력에 특정 타이밍을 요구하지 않고 키보드 인터페이스로 기능을 사용할 수 있어야 한다는 내용입니다. 이동 경로 자체가 필요한 기능에는 별도의 예외가 있습니다.

청주·충북 학원에서 검수할 때는 시험용 과정으로 두 가지 기록을 남기는 편을 권합니다. 휴대폰에서는 누르고 끌지 않은 채 순서 변경과 확인을 마칩니다. 컴퓨터에서는 마우스 없이 선택·이동·확인까지 진행합니다. 순서가 바뀐 뒤 현재 선택 위치를 잃지 않는지도 살펴봅니다. 이 시험만으로 홈페이지 전체의 접근성을 판정하지는 않습니다.

EDUGEO는 탱탱소프트가 운영하는 교육기관 홈페이지 브랜드입니다. 기존 화면의 과정 선택 방식과 막히는 단계를 온라인으로 공유하면 문의 동선 검토 범위를 정할 수 있습니다. 어린이집·유치원은 학원식 선호 과정 배열을 그대로 도입하기보다 실제 보호자 문의 절차에 필요한 선택부터 확인해야 합니다.

참고 자료

  • 청주
  • 충북
  • 교육기관 홈페이지
  • 과정 선택

작성 EDUGEO · 발행

원장님 가이드 목록