웹 접근성

예약 일정표의 가능 여부를 색만이 아니라 글자로도 알려 주려면

예약 일정표가 색에만 의존하지 않도록 상태 문구, 선택 표시, 키보드 이동, 마감 사유 안내를 점검하는 순서를 정리했습니다.

애드온 편집팀

색으로만 구분한 일정표에서 생기는 문제

예약 일정표에서 초록은 가능, 회색은 마감처럼 색 하나로 상태를 알리는 방식은 흔합니다. 하지만 색 구분이 어려운 이용자나 화면 읽기 기능을 쓰는 이용자에게는 날짜마다 어떤 상태인지 전달되지 않습니다. 밝은 야외에서 화면을 보거나 어두운 화면 모드로 바꿔 쓰는 경우에도 색의 차이는 쉽게 흐려집니다.

따라서 색은 보조 신호로 두고, 각 날짜와 시간에는 상태를 글자로 함께 제공하는 것이 기본입니다. '예약 가능', '접수 마감', '휴진'처럼 짧은 문구를 날짜 안이나 근처에 두면 색을 보지 못해도 같은 정보를 얻을 수 있습니다. 이 원칙은 일부 이용자를 위한 장식이 아니라, 누구나 잘못된 일정을 고르지 않도록 하는 기본 장치입니다.

상태를 서로 다른 것으로 정의하기

일정표에 나타나는 상태는 생각보다 다양합니다. 예약 가능, 접수 마감, 휴진, 선택 불가는 이유가 모두 다릅니다. 이미 지난 날짜와 해당 진료가 열리지 않는 날짜도 같은 회색으로 처리하면 이용자는 왜 누를 수 없는지 알 수 없습니다.

운영 담당자는 먼저 일정표에서 쓰는 상태를 목록으로 만들고, 각 상태마다 화면에 보일 문구와 의미를 한 줄씩 적어 두는 것이 좋습니다. 누를 수 없는 날짜라면 짧은 이유를 함께 보여 주고, 다른 날짜를 고르거나 문의로 이어지는 길을 안내합니다. 상태의 개수가 늘어날수록 문구의 일관성이 중요해지므로, 같은 상태를 페이지마다 다르게 부르지 않도록 용어도 통일합니다.

선택된 날짜와 시간 표시하기

날짜를 골랐을 때 테두리나 아이콘만 바뀌면 화면을 보지 않는 이용자는 선택이 되었는지 알기 어렵습니다. 선택된 항목에는 '선택됨'과 같은 상태 정보가 글자로도 전달되어야 합니다. 시각적으로는 색, 굵은 테두리, 확인 표시를 함께 쓰고, 읽기 기능에는 같은 의미의 문구가 전달되게 합니다.

한 날짜 안에 예약 가능한 시간과 마감된 시간이 섞여 있다면 날짜 전체를 한 가지 색으로 표시하지 않습니다. 시간별로 상태를 보여 주어야 이용자가 헛걸음하지 않습니다. 날짜를 눌렀을 때 마감 사유와 다음에 가능한 시간을 알 수 있다면, 색만 바뀌고 아무 설명이 없는 화면에서 생기는 오해를 줄일 수 있습니다.

화면 읽기와 키보드로 시험하기

접근성은 설계 문서보다 직접 해 보는 시험에서 문제가 드러납니다. 화면 읽기 기능으로 날짜를 옮겨 가며 연도, 월, 요일, 가능 여부가 일관된 순서로 읽히는지 확인합니다. 어떤 날짜는 요일부터, 어떤 날짜는 상태부터 읽힌다면 이용자는 맥락을 놓치기 쉽습니다.

키보드만으로 달력을 이동하고 시간을 고르는 시험도 필요합니다. 화살표나 탭 키로 날짜 사이를 오갈 수 있는지, 지금 어디에 있는지 표시가 보이는지 살핍니다. 휴대전화에서 밝기와 화면 모드를 바꿔 색의 대비가 충분한지도 확인합니다. 검수 과제로 색을 보지 않고 가능한 시간 하나를 예약해 보게 하면 부족한 부분이 분명해집니다. 마감된 날짜를 반복해서 누르게 된다면 안내 구조를 고쳐야 한다는 신호입니다.

이미지 일정표와 실제 예약 데이터 맞추기

일정표가 이미지로만 제공되면 휴진이나 예약 가능 상태가 바뀔 때마다 이미지를 새로 만들어야 하고, 읽기 기능은 이미지 속 글자를 전달하지 못합니다. 가능하면 실제 예약 데이터와 연결되는 글자 형태의 표기를 쓰고, 마지막 수정 시각을 함께 보여 주는 편이 안전합니다.

접수 담당자가 쓰는 달력과 홈페이지의 일정표가 서로 다른 상태를 보이면 접근성을 아무리 고쳐도 예약 오류는 남습니다. 그래서 누가 언제 일정표를 갱신하는지, 변경 사항이 홈페이지에 반영되기까지 얼마나 걸리는지를 운영 절차에 적어 두어야 합니다. 일정이 바뀌는 날에는 안내 문구도 함께 확인하는 습관을 들이면 좋습니다.

점검 후 기록으로 남기기

점검이 끝나면 어떤 상태를 어떤 문구로 표시했는지, 어떤 시험을 거쳤는지, 어디가 아직 부족한지를 간단히 기록합니다. 다음에 화면을 고치거나 담당자가 바뀌어도 같은 기준을 이어 갈 수 있습니다. 모든 이용자가 같은 정보를 같은 순서로 얻을 수 있는지가 일정표 안내의 기준이며, 실제 운영 방식과 시스템에 따라 적용 방법은 달라질 수 있으므로 사용하는 예약 도구의 기능을 먼저 확인한 뒤 적용해 보시기 바랍니다.

추가 정보

전체 글 보기

CONSULTATION

어떤 정보를, 어디에 전할지
함께 정리해보세요.

병원의 현재 운영 채널과 필요한 작업을 알려주세요.
원고·이미지·홈페이지 중 필요한 업무 범위부터 확인합니다.

LOCATION

애드온 오시는 길

서울특별시 강서구 공항대로 194, 1동 6층 610·611호 (마곡동, 문영 퀸즈파크12차)