By idcplan 홈페이지 제작 정보 2026년 07월 12일

웹접근성은 고령자, 저시력자, 화면낭독기 사용자를 포함한 모든 방문자가 홈페이지를 문제없이 쓸 수 있게 만드는 것입니다. 전부를 한 번에 갖추기는 어렵지만, 실무에서는 글자 크기·색 대비·대체텍스트 세 가지만 지켜도 체감 품질이 크게 달라집니다. 이 셋은 장애인차별금지법 대응의 기본이자 검색엔진 평가 항목이기도 합니다.

1글자 크기 — 본문 16px이 출발선

본문 글자는 16px 이상을 기본으로 잡는 것이 안전합니다. 디자인 시안에서는 12~13px 글자가 세련돼 보이지만, 50대 이상 고객이 많은 병원·법률·부동산 업종에서는 그대로 이탈률로 이어집니다. 상담 중에 "우리 고객은 나이가 있으신데 글씨가 너무 작다"는 요청이 실제로 가장 많습니다. 확대했을 때 레이아웃이 깨지지 않는지도 함께 봐야 합니다.

2색 대비 — 회색 글씨의 함정

흰 배경에 연한 회색 글씨는 요즘 디자인의 단골이지만 접근성에는 최악입니다. 국제 기준(WCAG)은 본문 글자와 배경의 명도 대비를 4.5:1 이상으로 요구합니다. 감으로 판단하지 말고 무료 대비 검사 도구에 색상값 두 개를 넣어보면 몇 초 만에 통과 여부가 나옵니다. 버튼 위의 흰 글씨도 배경색이 연하면 탈락하는 경우가 많습니다.

3대체텍스트 — 이미지에 붙이는 설명

대체텍스트(alt)는 이미지가 안 보일 때 대신 읽히는 문장입니다. 화면낭독기 사용자는 이 텍스트로 이미지를 이해하고, 검색엔진도 이걸로 이미지 내용을 파악합니다. '이미지1.jpg' 같은 파일명이 아니라 '강남점 진료실 내부 사진'처럼 내용을 적어야 합니다. 이런 작업이 견적에 포함되는지 여부는 업체마다 달라서, 홈페이지 제작 비용 가이드에서 견적 항목 읽는 법을 함께 확인해 보시길 권합니다.

※ 공공기관과 거래하거나 입찰에 참여하는 회사라면 웹접근성 인증마크(WA)가 요구되는 경우가 있습니다. 인증까지는 별도 심사 비용이 들지만, 위 세 가지 기초는 인증과 무관하게 모든 사이트에 적용해야 할 기본값입니다.

IDC.KR 정찰제 상품은 본문 글자 크기와 색 대비, 대체텍스트 입력을 기본 작업 범위에 포함합니다. 운영 중인 사이트의 접근성이 걱정되신다면 여기로 문의해 주세요. 현재 상태 기준으로 고칠 항목을 짚어드립니다.