진료 안내를 찾는 데 몇 번 눌러야 하는지가 데스크 전화량을 정합니다. 진료시간, 위치·주차, 예약 방법, 진료과·의료진, 검사 준비사항은 첫 화면에서 한 번 눌러 닿아야 합니다. 과학기술정보통신부와 한국지능정보사회진흥원의 2024년 웹 접근성 실태조사에서 국내 웹사이트 평균은 66.7점이었습니다. 이 글은 방문 목적 상위 5개를 1클릭에 배치하는 정보 구조, 웹 접근성 검사항목 반영, 모바일 전화·지도 연결, 진료시간 단일 관리, 심의 대상이 되지 않는 안내 문구 범위를 다룹니다.
요약
- 방문 목적 상위 5개를 1클릭 안에 두면 클릭 깊이 평균이 3.2회에서 1회로 줄어듭니다(계산 예시).
- 2024년 웹 접근성 실태조사 국내 평균은 66.7점, 2022년은 60.9점이었습니다.
- KWCAG 2.2는 4개 원칙, 14개 지침, 33개 검사항목으로 구성됩니다.
- 본문 텍스트와 배경의 명도 대비는 4.5 대 1 이상이어야 합니다.
클릭 깊이는 방문 목적까지 필요한 누름 횟수입니다
클릭 깊이는 첫 화면에서 시작해 이용자가 찾는 정보에 닿기까지 눌러야 하는 횟수입니다.
의료기관 홈페이지는 첫 화면에 큰 배너를 두는 구성이 흔합니다. 배너 아래에 인사말, 시설 사진, 공지사항이 이어집니다.
정작 이용자가 찾는 진료시간과 주차 안내는 상단 메뉴를 열고 하위 메뉴를 고른 뒤에야 나옵니다. 여기서 클릭 깊이가 3회를 넘어갑니다.
방문 목적 상위 5개를 먼저 확정합니다
정보 구조를 손대기 전에 이용자가 무엇을 보러 오는지 목록으로 적습니다. 의료기관 홈페이지에서 반복되는 목적은 다섯 가지로 좁혀집니다.
진료시간, 위치·주차, 예약 방법, 진료과·의료진, 검사 준비사항입니다. 다섯 항목은 성격이 다릅니다. 앞의 세 개는 방문 직전에 확인하는 정보입니다. 뒤의 두 개는 방문을 결정하기 전에 확인하는 정보입니다.
데스크로 걸려오는 전화를 일주일만 기록해도 순위가 나옵니다. 통화 사유를 다섯 칸짜리 표에 정(正)자로 표시하면 됩니다. 기록 없이 감으로 정하면 담당자 취향이 순서를 정하게 됩니다.
클릭 깊이를 세는 방법은 단순합니다
모바일 첫 화면을 열고 각 항목까지 실제로 눌러 봅니다. 상단 햄버거 메뉴를 여는 동작도 1회로 셉니다. 아코디언을 펼치는 동작도 1회입니다.
스크롤은 클릭으로 세지 않되, 첫 화면에서 세 번 넘게 내려야 보이는 항목은 1클릭을 더한 것으로 취급합니다. 화면 밖 정보는 없는 정보와 같기 때문입니다.
다섯 항목의 클릭 수를 더해 5로 나누면 평균 클릭 깊이가 나옵니다. 아래 수치는 정비 전 구조를 가정한 계산 예시입니다.
문의량이 많다고 좋은 신호는 아닙니다
데스크 전화가 늘면 관심이 늘었다고 읽기 쉽습니다. 전화 내용을 나눠 보면 다르게 보입니다.
홈페이지에 이미 적혀 있는 내용을 다시 묻는 전화가 있습니다. 되묻는 전화입니다. 되묻는 전화 비율이 높으면 정보가 없어서가 아니라 정보가 안 보여서 생긴 부하입니다.
통화 기록에 “홈페이지에 있음” 항목을 하나 만들어 표시해 보면 규모가 드러납니다. 되묻는 전화가 전체의 3할을 넘으면 정보 구조부터 손대야 합니다. 전화 응대 시간이 통화당 2분이라면 하루 40통 기준 80분이 반복 안내에 쓰입니다.
1클릭 안에 들어가야 하는 다섯 항목
첫 화면 배너 바로 아래에 다섯 개의 버튼 줄을 둡니다. 버튼은 텍스트로 만들고 아이콘만 쓰지 않습니다. 아이콘만 있으면 뜻을 읽어내는 데 시간이 걸립니다.
버튼 줄은 하단에도 한 번 더 둡니다
첫 화면 상단의 버튼 줄만으로는 부족합니다. 이용자는 내용을 읽다가 중간에 궁금해집니다. 그때 위로 다시 올라가야 하면 이탈이 생깁니다.
본문이 끝나는 지점과 모든 하위 페이지 하단에 같은 다섯 버튼을 반복 배치합니다. 위치와 순서를 페이지마다 동일하게 유지합니다. 페이지마다 순서가 바뀌면 이용자는 매번 다시 찾아야 합니다.
모바일에서는 화면 하단 고정 바에 전화, 오시는 길, 진료시간 세 개만 남깁니다. 고정 바에 다섯 개를 넣으면 손가락 목표 영역이 좁아집니다. 목표 영역은 가로세로 44픽셀 이상을 기준으로 잡습니다.
자주 나오는 처리와 맞춰야 할 처리
아래 표는 의료기관 홈페이지에서 반복되는 구성과 정비 후 구성을 항목별로 비교한 것입니다.
| 항목 | 자주 나오는 처리 | 맞춰야 할 처리 |
|---|---|---|
| 진료시간 | 이미지 한 장으로 올려 둠 | HTML 표로 작성, 제목 셀 지정 |
| 주차 안내 | 오시는 길 페이지 맨 아래 한 줄 | 별도 소제목, 대수·등록 방법 명시 |
| 전화번호 | 이미지에 박아 넣음 | 텍스트 + tel 링크로 걸기 가능 |
| 지도 | 캡처 이미지만 게시 | 지도 앱 연결 링크와 주소 텍스트 병기 |
| 검사 준비 | 공지사항 게시판에 흩어짐 | 검사별 고정 페이지, 목록에서 1클릭 |
| 휴진 공지 | 팝업으로만 안내 | 진료시간 페이지 상단에 함께 표기 |
진료시간을 이미지로 올리면 화면 낭독 프로그램이 읽지 못합니다. 검색 결과에도 글자가 잡히지 않습니다. 문서 구조를 정리하는 원칙은 AI 검색이 인용하는 문서 구조에서 다룬 기준과 같습니다.
웹 접근성 기준을 정보 구조에 반영합니다
고령 이용자 비중이 높은 진료과일수록 글자 크기와 대비가 실제 이용을 좌우합니다. 기준은 이미 공개되어 있습니다.
한국형 웹 콘텐츠 접근성 지침(KWCAG) 2.2는 4개 원칙, 14개 지침, 33개 검사항목으로 구성됩니다. 본문 텍스트와 배경의 명도 대비는 4.5 대 1 이상이어야 합니다. 18pt 이상이거나 14pt 굵은 글자는 3 대 1까지 완화됩니다.
대체 텍스트는 준수율이 낮은 항목입니다
과학기술정보통신부와 한국지능정보사회진흥원의 웹 접근성 실태조사는 8개 업종 웹사이트 1,000개를 대상으로 합니다. 2020년 조사에서 전체 평균은 60.7점이었습니다.
같은 조사에서 응답시간 조절, 자동재생 금지 등 9개 항목은 조사 대상의 90% 이상이 준수했습니다. 반면 동영상 자막 제공과 대체 텍스트 제공 등 7개 항목은 준수율이 50%에 못 미쳤습니다.
2022년 조사 평균은 60.9점이었고, 2024년 조사 평균은 66.7점이었습니다. 업종별로는 2024년 기준 교육서비스업이 76.9점으로 가장 높고 부동산업이 60.5점으로 가장 낮았습니다. 대체 텍스트(이미지를 글자로 설명하는 문구)는 오래 지적된 항목입니다.
글자 크기와 초점 이동을 함께 봅니다
본문 기본 크기는 16px 이상으로 잡습니다. 브라우저 확대를 막는 설정은 해제합니다. 화면 확대를 막아 두면 저시력 이용자가 내용을 읽지 못합니다.
KWCAG 2.2의 초점 이동과 표시 항목은 키보드 초점이 논리적으로 이동하고 시각적으로 구별되어야 한다고 정합니다. 마우스를 쓰기 어려운 이용자는 탭 키로 이동합니다. 초점 테두리를 디자인 이유로 지우면 이동 위치를 알 수 없습니다.
표 항목은 제목 셀과 데이터 셀을 구분하도록 정합니다. 진료시간 표를 만들 때 요일과 시간대를 제목 셀로 지정합니다. 지정하지 않으면 낭독 순서가 뒤엉킵니다. 접근성 검수는 랜딩 속도 점검과 같은 회차에 묶어 처리하면 작업이 줄어듭니다.
모바일에서 전화와 지도를 바로 연결합니다
의료기관 홈페이지 접속의 다수는 모바일입니다. 전화번호를 이미지로 올리면 누를 수 없습니다. 주소를 이미지로 올리면 복사할 수 없습니다.
연결이 실제로 작동하는지 확인하는 방법은 하나입니다. 데스크 직원 두 명에게 각자 자기 휴대전화로 다섯 항목을 찾아보게 합니다. 30초 안에 못 찾는 항목이 정비 대상입니다.
전화 연결 버튼을 여러 개 두면 어느 버튼이 눌렸는지 구분이 안 됩니다. 버튼마다 이름을 다르게 지어 두면 유입 경로가 나뉩니다. 측정 설계는 전환 계측 누수 점검 기준을 따릅니다.
진료시간은 한 곳에서 관리합니다
진료시간은 자주 바뀝니다. 학회, 휴가, 공휴일, 진료과 사정으로 변경이 생깁니다.
문제는 진료시간이 홈페이지 여러 곳에 흩어져 있다는 점입니다. 첫 화면 배너, 오시는 길 페이지, 진료과별 소개, 지도 서비스 등록 정보, 예약 페이지에 각각 적혀 있습니다. 한 곳만 고치면 나머지가 어긋납니다.
단일 출처를 정하고 나머지는 불러옵니다
진료시간 데이터를 담는 페이지를 하나만 둡니다. 나머지 화면은 그 페이지의 내용을 불러오거나, 링크로 연결만 합니다. 같은 내용을 복사해 두지 않습니다.
워드프레스나 일반 CMS라면 재사용 블록이나 단축코드로 처리합니다. 정적 사이트라면 포함 파일 하나로 관리합니다. 도구가 없다면 최소한 “진료시간이 적힌 위치 목록”을 문서로 만들어 둡니다.
변경 절차도 함께 적습니다. 변경 요청자, 반영 담당자, 반영 후 확인자를 지정합니다. 확인자는 홈페이지, 지도 서비스 등록 정보, 예약 채널 세 곳을 눈으로 봅니다. 세 곳이 다르면 되묻는 전화가 다시 늘어납니다.
휴진 안내는 팝업에만 두지 않습니다
휴진 공지를 팝업으로만 띄우는 구성이 흔합니다. 팝업은 하루만 보고 닫으면 다시 뜨지 않습니다. 광고 차단 기능에 가려지기도 합니다.
휴진 정보는 진료시간 표 바로 위에 텍스트로 적습니다. 날짜와 대상 진료과를 함께 적습니다. 팝업은 보조 수단으로만 씁니다.
지역 검색에 노출되는 등록 정보도 같이 고칩니다. 지도 서비스의 영업시간 정보가 홈페이지와 다르면 이용자는 헛걸음합니다. 지역 단위 정보 정비는 지역 광고 설계에서 다룬 순서와 맞물립니다.
심의 대상이 되지 않는 안내 문구의 범위
의료기관이 직접 운영하는 홈페이지는 대개 사전심의 대상 매체에 해당하지 않습니다. 의료법 제57조 제1항은 신문·인터넷신문·정기간행물, 옥외광고물, 전광판, 일정 규모 이상의 인터넷 매체와 애플리케이션을 심의 대상으로 정합니다. 인터넷 매체는 전년도 말 기준 직전 3개월간 일일 평균 이용자 수 10만 명 이상이 기준입니다. 다만 의료법 제56조의 금지 규정은 자체 홈페이지에도 그대로 적용됩니다. 진료시간, 주소, 주차 정보, 예약 방법, 검사 전 지참물과 금식 시간 같은 사실 안내는 표현 그대로 적으면 됩니다. 반면 치료 효과를 단정하거나 비교하는 문구, 전후 사진, 근거 없는 최상급 표현은 안내 페이지에서도 넣지 않습니다. 자세한 구분은 의료광고 사전심의 기준 정리를 참고하면 됩니다.
정보 구조 정비는 안내의 위치와 순서를 바꾸는 작업입니다. 문구의 표현 수위를 올리는 작업이 아닙니다. 두 작업을 섞으면 검토 대상이 늘어납니다.
외국인 이용자와 다국어 안내
외국인 환자 응대가 있는 기관이라면 언어 전환 버튼을 첫 화면 상단에 둡니다. 언어별로 전체 사이트를 번역할 필요는 없습니다.
진료시간, 위치·주차, 예약 방법 세 항목만 별도 페이지로 만들어도 되묻는 문의가 줄어듭니다. 언어 순서와 노출 위치를 정하는 기준은 다국어 랜딩 언어 순서에서 정리했습니다.
견적서에 적히지 않는 판단 기준
홈페이지 제작 견적서에는 페이지 수와 디자인 시안 수가 적힙니다. 접근성 검수 범위와 유지관리 주체는 적히지 않는 경우가 있습니다.
계약 전에 세 가지를 문서로 확인합니다. 첫째, 33개 검사항목 중 어디까지 검수하는지입니다. 둘째, 진료시간 변경을 누가 어떤 절차로 반영하는지입니다. 셋째, 이미지 대체 텍스트 작성 책임이 제작사에 있는지 기관에 있는지입니다.
세 항목이 빠지면 오픈 이후 비용이 기관 쪽으로 넘어옵니다. 문서 검토 관점은 견적서 읽는 법에서 다룬 방식과 같습니다. 문의 양식을 만든다면 폼 필드 설계 기준도 함께 봅니다.
- 다섯 항목 클릭 깊이를 실측합니다. 자기 휴대전화로 진료시간, 위치·주차, 예약 방법, 진료과·의료진, 검사 준비사항을 각각 눌러 횟수를 적습니다. 평균이 2회를 넘으면 정비 대상입니다.
- 되묻는 전화를 일주일간 기록합니다. 통화 대장에 “홈페이지에 있음” 칸을 만들어 표시합니다. 전체의 30%를 넘으면 첫 화면 구조부터 고칩니다.
- 진료시간 이미지를 표로 바꿉니다. 요일과 시간대를 제목 셀로 지정한 HTML 표로 다시 만듭니다. 점심시간과 접수 마감 시각을 별도 행으로 넣습니다.
- 전화번호와 주소를 텍스트로 바꿉니다. 이미지에 박힌 번호를 본문 텍스트로 옮기고 tel 링크를 겁니다. 주소 옆에 지도 앱 연결 링크를 둡니다.
- 진료시간이 적힌 위치를 전부 찾아 목록으로 만듭니다. 홈페이지 내부, 지도 서비스 등록 정보, 예약 채널을 모두 셉니다. 단일 출처 한 곳을 정하고 나머지는 링크로 바꿉니다.
자주 묻는 질문
첫 화면 배너를 없애야 합니까?
없앨 필요는 없습니다. 배너 바로 아래에 다섯 항목 버튼 줄을 두면 됩니다. 배너 높이를 화면의 절반 이하로 줄이면 버튼 줄이 첫 화면 안에 들어옵니다.
클릭 깊이 평균은 몇 회가 적정합니까?
방문 목적 상위 5개는 1회를 목표로 잡습니다. 본문의 3.2회와 1회는 정비 전후를 비교하기 위한 계산 예시이며 실측치가 아닙니다. 기관마다 실제 값을 직접 세어 봐야 합니다.
진료시간을 이미지로 올리면 안 됩니까?
표로 만드는 편이 낫습니다. 이미지는 화면 낭독 프로그램이 읽지 못하고 검색 결과에도 글자가 잡히지 않습니다. 이미지를 유지한다면 같은 내용을 대체 텍스트와 본문 텍스트로 함께 제공합니다.
웹 접근성은 법으로 강제됩니까?
기관 성격과 서비스 유형에 따라 적용 범위가 다릅니다. 강제 여부와 별개로 KWCAG 2.2의 33개 검사항목은 고령 이용자와 저시력 이용자의 실제 이용을 좌우합니다. 명도 대비 4.5 대 1과 대체 텍스트부터 맞추면 됩니다.
진료시간 안내에도 심의가 필요합니까?
의료기관이 직접 운영하는 홈페이지는 대개 사전심의 대상 매체가 아닙니다. 다만 의료법 제56조의 금지 규정은 그대로 적용됩니다. 사실을 그대로 적는 안내 문구는 문제가 되지 않지만, 치료 효과를 단정하는 표현은 넣지 않습니다.
기존 홈페이지를 전부 다시 만들어야 합니까?
전면 재구축 없이도 첫 화면 버튼 줄과 다섯 개 안내 페이지만 손볼 수 있습니다. 정보 구조 정비와 디자인 개편은 분리해서 진행하는 편이 일정 관리에 낫습니다.
모바일 하단 고정 바가 화면을 가리지 않습니까?
높이를 56px 안팎으로 잡고 본문 하단에 같은 크기의 여백을 둡니다. 항목은 세 개로 제한합니다. 다섯 개를 넣으면 손가락 목표 영역이 좁아져 오작동이 늘어납니다.
정비 효과는 무엇으로 확인합니까?
되묻는 전화 비율과 안내 페이지 도달률 두 가지를 봅니다. 정비 전 4주와 정비 후 4주를 같은 기준으로 비교합니다. 지표 선택 기준은 리포트 설계 원칙과 같습니다.
정리
의료기관 홈페이지 정비는 문구를 바꾸는 작업이 아니라 위치를 바꾸는 작업입니다. 방문 목적 상위 5개를 1클릭 안에 두는 일이 먼저입니다.
클릭 깊이를 실측하고, 되묻는 전화를 기록하고, 진료시간 단일 출처를 정합니다. 그다음 KWCAG 2.2의 명도 대비 4.5 대 1과 대체 텍스트를 맞춥니다. 세 단계면 대부분의 반복 문의가 줄어듭니다.
정보 구조와 접근성을 함께 설계하는 방식은 검색 대응 웹사이트에서, 문서 구조 점검은 AI 검색 대응 컨설팅에서 다룹니다. 기관 상황에 맞는 점검 순서가 필요하시면 아래 광고 문의하기 버튼을 눌러 주시기 바랍니다. 본문 수치 중 클릭 깊이와 전화량은 계산 예시이며 동일한 성과를 보장하지 않습니다.
참고 문헌 및 출처
· 과학기술정보통신부·한국지능정보사회진흥원(2025), 『2024년 웹 접근성 실태조사』 결과 발표 자료
· 과학기술정보통신부·한국지능정보사회진흥원(2021), 『2020년 웹 접근성 실태조사』(국가승인통계 제127011호)
· 과학기술정보통신부(2023), 『2022년 웹 접근성 실태조사』 결과 발표 자료
· 한국형 웹 콘텐츠 접근성 지침(KWCAG) 2.2
· 의료법 제56조, 제57조 제1항 및 의료법 시행령 제24조
· 본문의 클릭 깊이·통화량 수치는 구조 점검용 계산 예시이며 실측 조사 결과가 아닙니다.