웹 접근성이란 무엇이고 일반 기업 홈페이지도 지켜야 하나요? KWCAG 핵심 항목과 실무 체크리스트
웹 접근성은 장애·고령 등 이용 환경에 관계없이 누구나 홈페이지를 쓸 수 있게 만드는 것으로, 국내 기준은 한국형 웹 콘텐츠 접근성 지침(KWCAG)입니다. 공공기관은 준수가 의무이고 일반 기업은 권장이지만, 대체 텍스트·명도 대비·키보드 조작·자막 같은 핵심 항목은 SEO와 사용성에도 직결되므로 기본으로 갖추는 것이 좋습니다.
웹 접근성은 시각·청각·지체 장애, 고령, 느린 네트워크, 키보드만 쓰는 환경 등 어떤 조건에서도 홈페이지의 정보와 기능을 쓸 수 있게 만드는 것입니다. 국내 기준은 한국형 웹 콘텐츠 접근성 지침(KWCAG)이며 국제 표준 WCAG를 바탕으로 합니다. 장애인차별금지법에 따라 공공기관 등은 준수 의무가 있고, 일반 기업은 의무는 아니지만 핵심 항목이 검색 최적화·사용성과 겹치기 때문에 갖추는 편이 이득입니다.
일반 기업 홈페이지가 꼭 지킬 핵심 항목
- 이미지 대체 텍스트(alt) — 모든 의미 있는 이미지에 내용을 설명하는 alt. 장식 이미지는 alt="". 검색엔진의 이미지 이해에도 그대로 쓰입니다.
- 명도 대비 — 본문 텍스트와 배경의 대비 4.5:1 이상(큰 글씨는 3:1). 회색 글씨를 흰 배경에 얹는 디자인이 가장 흔한 위반입니다.
- 키보드 조작 — Tab 키만으로 메뉴·링크·폼·팝업 닫기까지 이동·실행 가능, 현재 위치(포커스)가 보여야 함.
- 제목 구조 — h1→h2→h3 순서로 논리적 구조. 스크린리더 사용자와 검색엔진 모두 이 구조로 페이지를 이해합니다.
- 폼 레이블 — 입력칸마다 label 연결, 오류 시 무엇이 잘못됐는지 텍스트로 안내.
- 영상 자막·음성 대체 — 정보가 담긴 영상에는 자막 또는 대본 제공. 자동 재생 소리는 금지.
- 깜빡임·움직임 제어 — 초당 3회 이상 깜빡임 금지, 자동 슬라이드는 정지 버튼 제공.
- 링크 텍스트 — "여기를 클릭"이 아니라 "견적 문의하기"처럼 목적이 드러나는 문구.
- 언어 표시·본문 바로가기 — html lang="ko", 페이지 상단에 본문 바로가기 링크.
- 확대 시 깨지지 않기 — 브라우저 200% 확대에서도 내용이 잘리지 않아야 함.
확인 도구
- Chrome Lighthouse의 Accessibility 점수와 항목
- WAVE(wave.webaim.org) 브라우저 확장 — 대체 텍스트·대비·레이블 오류 시각화
- 명도 대비 계산기(WebAIM Contrast Checker)
- Tab 키만으로 사이트 전체를 돌아보는 직접 테스트
접근성 인증마크가 필요한 경우
공공기관·교육기관·공공 성격의 사업은 웹 접근성 품질인증(과학기술정보통신부 지정 인증기관 심사)을 요구받는 경우가 많습니다. 인증은 제작 완료 후 심사·보완을 거치며 별도 비용과 기간(보통 수주)이 듭니다. 트윈에이치는 공공·기관 프로젝트 경험을 바탕으로 인증 요건을 제작 단계에서 반영하며, 일반 기업 사이트도 위 10가지 핵심 항목을 기본으로 적용합니다.
자주 묻는 질문
01일반 기업 홈페이지도 웹 접근성이 법적 의무인가요?
공공기관과 일정 규모 이상의 사업자 등은 의무이고 일반 소규모 기업은 권장 수준입니다. 다만 핵심 항목은 SEO·사용성과 겹쳐 지키는 것이 유리합니다.
02접근성을 지키면 디자인이 단조로워지나요?
아닙니다. 대비·크기·키보드 조작 같은 기준을 지키면서도 충분히 개성 있는 디자인이 가능합니다. 문제는 대부분 회색 글씨·작은 글씨 같은 습관에서 옵니다.
03웹 접근성 인증 비용과 기간은?
인증기관 심사비와 보완 작업이 필요하며 보통 수주가 걸립니다. 처음부터 요건을 반영해 제작하면 보완 비용이 크게 줄어듭니다.