애드온HOSPITAL MARKETING
메뉴
웹 접근성

진료 일정표에서 색만으로 예약 가능 여부를 표시하지 않는 방법

예약 일정표의 가능, 마감, 휴진 상태를 글자로도 전달해 색을 구별하기 어려운 이용자도 날짜를 고르게 하는 점검 순서를 정리했습니다.

애드온 편집팀

색은 보조 신호일 뿐입니다

일정표에서 녹색은 예약 가능, 회색은 마감이라고 표시하는 사이트가 있습니다. 운영자에게는 한눈에 보이는 방식이지만, 색을 구별하기 어렵거나 화면 읽기 기능을 쓰는 이용자에게는 날짜의 상태가 전달되지 않습니다. 밝은 야외에서 화면을 보거나 절전 모드로 화면 색이 바뀐 경우에도 비슷한 문제가 생깁니다.

그래서 색은 보조 신호로 두고, 날짜와 시간의 상태를 글자로도 함께 제공해야 합니다. 색을 없애라는 뜻이 아니라, 색이 없어도 같은 정보를 얻을 수 있게 하라는 뜻입니다.

실제로 일정표를 흑백 화면으로 바꾸어 보면 구분이 안 되는 칸이 얼마나 되는지 금방 알 수 있습니다. 이 확인은 몇 분이면 끝나므로 일정표를 고칠 때마다 습관처럼 해 볼 만합니다.

상태의 종류를 먼저 정의합니다

예약 가능, 접수 마감, 휴진, 선택 불가는 서로 다른 상태입니다. 이미 지난 날짜와 해당 진료가 열리지 않는 날짜도 이유가 다릅니다. 상태의 이름과 뜻을 먼저 정리하고, 화면 어디에서나 같은 말로 부르도록 통일합니다.

이용자가 누를 수 없는 날짜라면 왜 선택할 수 없는지 짧은 설명을 제공하고, 다른 날짜나 문의 경로로 이어지게 합니다. 이유 없이 눌러도 반응이 없는 칸은 오류인지 마감인지 알 수 없어 이용자를 당황하게 합니다.

상태 이름은 예약 담당자와 홈페이지 운영자가 같은 표를 보고 정하는 것이 좋습니다. 화면과 안내 문구, 문의 응대에서 서로 다른 말을 쓰면 이용자가 같은 상태를 다른 것으로 오해합니다.

선택한 상태도 글자 정보로 전달합니다

선택한 날짜에 테두리나 아이콘만 더하면 그 표시를 보지 못하는 사람은 자신이 무엇을 골랐는지 알 수 없습니다. 선택됨이라는 상태가 화면 읽기 기능으로도 전달되어야 합니다. 날짜를 이동할 때 연도와 월, 요일, 가능 여부가 일관된 순서로 읽히는지도 직접 들어보며 시험합니다.

키보드만으로 달력을 이동하고 시간을 선택할 수 있는지도 확인합니다. 마우스가 없는 환경에서 예약이 불가능하다면 접근성 문제입니다.

오류가 났을 때의 안내도 같은 원칙을 따릅니다. 빨간 테두리만 보이고 무엇이 잘못되었는지 글로 설명하지 않으면 해당 표시를 보지 못한 사람은 다음 행동을 알 수 없습니다.

시간별 상태가 다를 때의 표현

한 날짜에 예약 가능한 시간과 마감된 시간이 함께 있다면 날짜 전체를 한 가지 색으로 표시하지 않습니다. 날짜 칸에는 남은 시간이 있는지를 글자로 요약하고, 시간 목록에서는 각 시간의 상태를 하나씩 보여 줍니다. 그래야 마감된 날짜를 반복해서 누르다 포기하는 일이 줄어듭니다.

날짜를 눌렀을 때 마감 사유와 다음으로 가능한 시간을 알 수 있다면 더 좋습니다. 색만 바뀌고 설명이 없으면 선택에 실패한 것인지 시스템 오류인지 구별하기 어렵습니다.

화면 환경이 바뀌어도 읽히는지 확인합니다

휴대전화의 밝기를 낮추거나 어두운 화면 모드로 바꿨을 때도 색의 대비가 충분한지 살핍니다. 대비가 부족하면 글자 안내가 있어도 읽기 어렵습니다. 글자 크기를 키운 상태에서 일정표가 잘리거나 겹치지 않는지도 함께 확인합니다.

휴대전화에서 한 손으로 조작할 때 누르는 칸이 너무 작지 않은지도 보아야 합니다. 칸이 작으면 인접한 날짜를 잘못 누르기 쉽고, 그 결과 원하지 않는 일정이 선택됩니다.

이미지로 된 일정표는 갱신 부담이 큽니다

일정표가 이미지로만 제공되면 휴진이나 예약 가능 상태가 바뀔 때마다 이미지를 다시 만들어야 하고, 화면 읽기 기능으로는 내용을 알 수 없습니다. 가능하다면 실제 예약 데이터와 연결되는 텍스트 표기를 사용하고, 수정 시각을 함께 표시합니다. 접수팀이 쓰는 달력과 홈페이지의 일정이 서로 다른 상태를 보인다면 접근성을 고쳐도 예약 오류는 남습니다.

색을 보지 않고 예약해 보는 검수 과제

고친 뒤에는 색을 보지 않고 가능한 시간 하나를 예약해 보는 과제를 정해 직접 따라 합니다. 화면 색을 흑백으로 바꾸거나 화면 읽기 기능을 켜고 진행해도 좋습니다. 이 과정에서 마감된 날짜를 반복해서 누르거나 시간의 상태를 찾지 못한다면 안내 구조를 다시 고칩니다.

접근성 개선은 일부 이용자만을 위한 장식이 아니라, 모든 이용자가 잘못된 일정을 선택하지 않게 하는 방법입니다. 일정 상태를 글자로 분명히 하면 운영팀에 들어오는 일정 오류 문의도 함께 줄어드는 경우가 많습니다.

추가 정보

같은 카테고리 글 보기 · 전체 글 보기

CONSULTATION

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

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

이메일로 문의하기 카카오 오픈채팅