← 블로그

tech-literacy · 5분 · 2026-07-28

웹 접근성 2026, 홈페이지 필수 요건 4가지

내 홈페이지도 웹 접근성을 지켜야 할까? 공공·공적 성격이 강할수록 법적 의무에 가깝고 민간도 소송 위험에서 자유롭지 않습니다. 대체텍스트와 명도대비처럼 당장 점검할 기본 요건부터 인증이 언제 필요한지까지 발주자 관점에서 짚었습니다.

웹 접근성 2026, 홈페이지 필수 요건 4가지
목차

웹 접근성은 장애인과 고령자를 포함한 누구나 웹사이트를 어려움 없이 쓸 수 있게 만드는 것을 뜻합니다. 화면을 못 보는 사람은 소리로 읽어 주는 도구로, 마우스를 못 쓰는 사람은 키보드만으로도 모든 기능에 닿을 수 있어야 합니다. 내 홈페이지도 지켜야 하는지 궁금하다면, 공공·공적 성격이 강할수록 법적 의무에 가깝고 일반 상업 사이트도 차별 구제 대상에서 자유롭지 않다는 점부터 알아 두면 됩니다.

핵심 요약

  • 웹 접근성은 장애인·고령자·일시적으로 불편한 사람까지 모두가 웹사이트를 쓸 수 있게 만드는 것이다.
  • 2026년 기준 한국은 장애인차별금지법과 디지털포용법이 근거이며 표준은 한국형 웹 콘텐츠 접근성 지침(KWCAG) 2.2다.
  • 당장 챙길 기본은 대체텍스트, 명도대비 4.5대 1, 키보드 사용, 영상 자막 네 가지다.
  • 공공기관·입찰용 사이트는 인증이 필요할 때가 많고 일반 민간 사이트는 인증 없이도 기본 요건부터 지키면 된다.
  • 접근성은 검색 최적화·모바일 사용성과 상당 부분 겹쳐 지키면 손해 볼 게 없다.

웹 접근성이란, 왜 의무이자 이득인가

웹 접근성을 시각장애인만을 위한 배려로 오해하는 경우가 많습니다. 실제로 덕을 보는 사람은 훨씬 넓습니다. 노안이 온 고령자, 팔을 다쳐 한 손만 쓰는 사람, 밝은 야외에서 화면이 잘 안 보이는 사람, 소리를 켤 수 없는 지하철 안의 사용자까지 모두 접근성의 수혜자입니다. 누구나 한 번쯤은 일시적으로 "불편한 사용자"가 되고 그때 접근성이 잘 된 사이트는 티 나지 않게 도와줍니다.

홈페이지를 만들다 보면 접근성은 늘 마지막 순번으로 밀립니다. 그런데 처음 설계 단계에서 챙기면 손이 거의 안 가는 반면, 다 만든 뒤에 소급하려면 마크업을 뜯어고치는 재작업이 커집니다. 게다가 대체텍스트나 명료한 구조 같은 접근성 요소는 검색엔진이 페이지를 이해하는 방식과 그대로 겹칩니다. 접근성을 지키면 검색 노출과 모바일 사용성까지 함께 좋아집니다. 이건 비용이 아니라 남는 투자에 가깝습니다.

흔한 오해가 두 가지 더 있습니다. 하나는 "인증 마크를 받아야만 접근성이 지켜진다"는 생각인데, 인증은 증명일 뿐 대체텍스트나 명도대비는 인증 없이도 얼마든지 지킬 수 있습니다. 다른 하나는 "접근성을 넣으면 디자인이 밋밋해진다"는 걱정입니다. 명도대비를 맞추고 대체텍스트를 다는 일은 화면의 겉모습을 거의 바꾸지 않습니다. 오히려 정보 구조가 또렷해져 보기에도 깔끔해지는 경우가 많습니다. 규모가 작은 사이트라 상관없다는 생각도 오해입니다. 방문자 한 사람이 결제까지 닿지 못하면, 큰 사이트든 작은 사이트든 잃는 건 똑같습니다.

계단 옆에 완만한 경사로가 놓여 휠체어 이용자·유아차 부모·지팡이를 짚은 고령자가 같은 문으로 함께 들어가는 장면 — 웹 접근성 비유
계단 옆 경사로처럼, 접근성은 더 많은 사람을 같은 입구로 들인다.

지금 점검할 4가지 기본 요건

거창한 인증을 떠올리기 전에, 당장 확인할 수 있는 기본부터 짚겠습니다. 표준 지침인 KWCAG 2.2는 인식·운용·이해·견고라는 네 원칙 아래 14개 지침과 33개 검사항목으로 이뤄져 있습니다. 항목이 많아 보여도 그중 발주자가 개발 지식 없이 눈으로도 확인할 수 있는 핵심만 추리면 다음 넷으로 좁혀집니다.

  1. 대체텍스트: 이미지에는 그 뜻이나 용도를 설명하는 글을 달아 둔다. 화면을 소리로 읽는 사용자에게는 이 글이 곧 그림이다. 장식용 이미지는 비워 둔다.
  2. 명도대비: 글자와 배경의 밝기 차이를 충분히 준다. 본문 글자는 4.5대 1 이상, 큰 글자는 3대 1 이상이 기준이다.
  3. 키보드 사용: 마우스 없이 키보드만으로도 메뉴 이동부터 결제까지 모든 기능에 닿을 수 있어야 한다.
  4. 영상 자막: 소리가 있는 영상에는 자막이나 대본을 제공한다. 소리를 못 듣거나 켤 수 없는 상황을 위한 배려다.

발주 단계에서 그대로 물어볼 만한 질문은 이렇습니다. "이 사이트, 마우스 없이 키보드만으로 결제까지 되나요?" "이미지에는 대체텍스트를 넣어 주시나요?" 이 두 마디만 물어도 제작사가 접근성을 평소 염두에 두고 작업하는지 금세 드러납니다.

웹 접근성 기본 요건 4가지 체크리스트 도표 — 대체텍스트·명도대비 4.5대 1·키보드 조작·영상 자막
인증에 앞서 이 네 가지부터 지키면 접근성의 절반은 잡힌다.

법으로도 의무일까, 인증은 언제 받나

가장 많이 나오는 질문이 "우리도 법적으로 지켜야 하냐"입니다. 한국은 장애인차별금지법과 디지털포용법을 근거로 웹 접근성을 요구하며 공공기관·교육기관처럼 공적 성격이 강할수록 의무가 뚜렷합니다. 일반 민간 상업 사이트라고 완전히 무관한 건 아닙니다. 장애인이 서비스를 이용하지 못하면 차별 구제의 대상이 될 수 있어 사실상 지켜 두는 편이 안전합니다.

사이트 성격접근성 의무 수준
공공기관·교육기관법적 의무가 뚜렷함, 인증 요구되기도 함
금융·의료 등 공적 서비스의무에 준함, 기본 요건 필수
일반 민간 상업 사이트차별 구제 대상, 기본 요건 권장

인증은 별개입니다. 한국디지털접근성진흥원 같은 지정 기관이 KWCAG 2.2 준수 여부를 심사해 품질 마크를 주는 제도인데, 유료 심사이고 유효기간이 있습니다. 공공 입찰처럼 인증 마크를 요구하는 자리가 아니라면, 인증 없이도 위의 기본 요건을 지키는 것만으로 접근성은 충분히 확보됩니다. 표준 지침의 원문은 한국디지털접근성진흥원 인증 안내에서 확인할 수 있습니다.

웹사이트 모양 문서에 공식 품질 인증 도장이 찍히고 검수자가 항목을 확인하는 장면 — 웹 접근성 인증 비유
인증은 지정 기관의 유료 심사를 거치지만, 마크가 필요 없다면 기본 요건 준수로 충분하다.

발주할 때는 이렇게 챙긴다

가상 예시로 정리해 보겠습니다. 동네 학원이 새 홈페이지를 맡긴다고 합시다. 공공 입찰이 아니니 인증 마크까지는 필요 없지만 수강생 중에 저시력 고령자가 있을 수 있으니 명도대비와 글자 크기 조절은 챙기는 게 좋습니다. 제작 계약서에 "KWCAG 2.2 기본 요건 준수"를 한 줄 넣고 납품 전에 키보드만으로 신청 폼을 끝까지 채워 보는 것으로 점검을 갈음할 수 있습니다. 이렇게 처음부터 조건으로 걸면 추가 비용 없이 접근성이 따라옵니다. 반대로 오픈이 임박해서야 접근성을 떠올리면, 이미 짜 놓은 화면을 되돌려야 해 시간도 돈도 더 듭니다. 순서만 바꿔도 같은 결과를 훨씬 싸게 얻는 셈입니다.

결정 기준은 단순합니다. 공공기관이거나 입찰에 들어가는 사이트라면 인증까지 내다보고 설계합니다. 일반 민간 사이트라면 앞의 네 가지 기본 요건부터 지키면 됩니다. 접근성을 처음부터 설계에 넣는 일이 부담스럽다면 홈페이지 제작 단계에서 요건을 계약 조건으로 명시하는 방법이 가장 확실합니다. 개인정보처럼 접근성도 법적 성격이 있는 만큼, 개인정보처리방침과 함께 오픈 전 점검 목록에 넣어 두길 권합니다. 완벽한 인증을 목표로 삼기보다, 네 가지 기본부터 몸에 익히는 것이 접근성으로 가는 가장 빠른 길입니다.

자주 묻는 질문

웹 접근성은 법적으로 꼭 지켜야 하나요?

공공·공적 성격이 강한 사이트일수록 법적 의무가 뚜렷합니다. 일반 민간 사이트도 장애인차별금지법상 차별 구제 대상이 될 수 있어 기본 요건은 지켜 두는 편이 안전합니다.

웹 접근성을 높이는 방법은 무엇인가요?

대체텍스트, 명도대비 4.5 대 1, 키보드 사용, 영상 자막 네 가지 기본 요건부터 지키면 됩니다. 이 넷만 챙겨도 접근성의 절반은 확보됩니다.

웹 접근성 인증은 어떻게 받고 비용은 어떤가요?

한국디지털접근성진흥원 같은 지정 기관의 유료 심사를 거쳐 품질 마크를 받습니다. 유효기간이 있으며, 공공 입찰처럼 마크가 필요한 경우가 아니면 인증 없이 기본 요건만 지켜도 됩니다.

명도대비는 얼마여야 하나요?

본문 글자는 배경과 4.5 대 1 이상, 큰 글자(약 18pt 이상)는 3 대 1 이상이 기준입니다.

웹 접근성과 검색 최적화는 관계가 있나요?

겹칩니다. 대체텍스트와 명료한 제목 구조는 검색엔진이 페이지를 이해하는 방식과 같아, 접근성을 지키면 검색 노출도 함께 좋아집니다.

글쓴이

오현오 · 노바랩 대표

웹과 앱을 기획부터 개발·운영까지 직접 맡아 왔습니다. 실제 프로젝트에서 부딪힌 것들을 이 블로그에 풀어냅니다. 글쓴이 소개 → 지난 작업 보기 →

함께 읽기

관련 서비스

프로젝트로 고민 중이라면, 편하게 물어보세요.

보통 1영업일 내 회신합니다.

프로젝트 문의