학부모가 휴대폰으로 학원 시간표를 찾을 때 어디에서 막히는지 어떻게 따라가 볼까요?

학원 시간표는 학부모가 휴대폰으로 메뉴를 찾고, 표를 읽고, 다음 행동으로 넘어가는 순서대로 따라가 보면 막히는 지점을 찾을 수 있습니다. W3C 접근성 지침은 이미지 속 글자는 읽는 사람이 모양을 바꿀 수 없다고 설명합니다. 그래서 시간표는 텍스트 표로 올리고 이미지는 보조로 쓰는 편을 권합니다.

아래는 학부모가 휴대폰으로 학원 홈페이지에 들어와 시간표를 확인하는 순서를 따라가며 점검하는 방법입니다. 근거는 W3C와 Google 검색 센터의 공개 문서이며, 각 학원의 실제 화면은 직접 열어 확인해야 합니다.

휴대폰 첫 화면에서 시간표 메뉴를 찾을 수 있나요?

Google 검색 센터의 모바일 중심 색인 생성 권장사항에 따르면 Google은 스마트폰 에이전트로 크롤링한 모바일 버전의 콘텐츠를 색인 생성과 순위 지정에 사용합니다. 같은 문서는 모바일 사이트에 데스크톱 사이트와 동일한 콘텐츠가 포함되어 있는지 확인하라고 권합니다.

점검은 휴대폰으로 학원 홈페이지 첫 화면을 열고 메뉴 버튼을 누르는 데서 시작합니다. 데스크톱 화면에는 시간표 메뉴가 있는데 휴대폰 메뉴에서는 빠져 있거나 하위 메뉴 깊숙이 숨어 있다면, 학부모가 처음 막히는 지점이 됩니다.

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

시간표를 열었을 때 글자를 읽을 수 있나요?

W3C의 WCAG 2.2 성공 기준 1.4.5 텍스트 이미지 해설은 사람들이 이미지 속 글자의 모양을 바꿀 수 없다는 점을 이 기준이 중요한 이유로 듭니다. 같은 문서는 글자 크기, 글자색과 배경색, 글꼴, 줄 간격을 자신에게 맞게 바꿔야 하는 사람을 위해, 텍스트로 같은 표현이 가능하다면 이미지가 아니라 텍스트로 정보를 제공하라고 설명합니다. 로고처럼 특정 모양이 꼭 필요한 경우는 예외로 둡니다.

가로로 넓은 시간표를 글자가 작은 이미지 한 장으로 올렸다면, 휴대폰에서는 화면을 확대하거나 좌우로 옮겨 가며 칸을 읽어야 할 수 있습니다. 에듀지오는 시간표 이미지를 쓰더라도 같은 내용을 텍스트 표로 함께 올리길 권합니다.

표는 어떻게 만들어야 휴대폰에서도 따라 읽기 쉬운가요?

W3C 웹 접근성 이니셔티브의 표 튜토리얼은 접근 가능한 표가 머리글 칸과 데이터 칸을 구분하는 HTML 구조를 갖춰야 하며, 머리글 칸은 th, 데이터 칸은 td로 표시해야 한다고 설명합니다. 보조 기술은 이 관계 정보를 이용해 사용자에게 맥락을 전달합니다.

에듀지오가 권하는 시간표 구성은 다음과 같습니다.

1. 요일을 열 머리글로, 수업 시간대를 행 머리글로 둡니다.
2. 칸 안에는 과목과 대상 학년만 짧게 적고, 강의실이나 담당 강사 같은 정보는 표 아래 설명으로 옮깁니다.
3. 휴대폰 화면에서 표가 너무 넓어진다면 학년별이나 과목별로 표를 나눕니다.

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

시간표를 확인한 학부모는 다음에 어디로 가나요?

시간표를 확인한 학부모가 상담이나 등록 문의로 넘어가려 할 때를 대비해야 합니다. 에듀지오는 시간표 바로 아래에 시간표를 마지막으로 고친 날짜와 상담 신청 위치를 함께 두길 권합니다. 날짜가 보이면 학부모가 지금 학기의 시간표인지 바로 확인할 수 있습니다.

학기마다 시간표가 바뀌는 학원이라면 새 시간표를 올리는 날 위 순서를 휴대폰으로 한 번 더 따라가 봅니다. 에듀지오는 탱탱소프트가 운영하는 학원·교육기관 홈페이지 서비스로, 청주·충북 학원의 교육과정과 모집 안내 구조를 온라인으로 함께 정리합니다.

참고 자료

• 모바일 사이트 및 모바일 중심 색인 생성 권장사항 — Google 검색 센터
• Understanding Success Criterion 1.4.5: Images of Text — W3C Web Accessibility Initiative
• Tables Tutorial — W3C Web Accessibility Initiative