웹 접근성, 왜 신경 써야 하나

요약

웹 접근성이라고 하면 많은 사람들이 장애인을 위한 특수 기능이라고 생각합니다. 하지만 접근성은 모든 사용자가 웹 콘텐츠에 동등하게 접근할 수 있도록 보장하는 것이며, 법적 요구사항이자 비즈니스 기회이기도 합니다.

웹 접근성이라고 하면 많은 사람들이 장애인을 위한 특수 기능이라고 생각합니다. 하지만 접근성은 모든 사용자가 웹 콘텐츠에 동등하게 접근할 수 있도록 보장하는 것이며, 법적 요구사항이자 비즈니스 기회이기도 합니다. 한국의 등록 장애인 수는 약 265만 명이고, 65세 이상 고령 인구는 약 950만 명입니다.

이들 모두 잠재적인 웹 서비스 이용자라는 점을 감안하면 접근성은 소수를 위한 배려라기보다는 시장을 넓히는 일에 가깝습니다. WebAIM이 2025년에 실시한 조사에 따르면 전 세계 상위 100만 개 웹사이트 중 96.3%에서 접근성 오류가 발견되었습니다. 한국의 상황도 크게 다르지 않으므로, 기본만 지켜도 경쟁 우위가 생깁니다.

법적 요구사항

한국에서는 장애인차별금지법과 국가정보화기본법에 따라 공공기관과 일정 규모 이상의 민간 기업은 웹 접근성을 준수해야 합니다. 2023년부터 적용 범위가 확대되어 교육·의료·금융 등 더 많은 민간 서비스가 포함되었습니다. 위반 시 시정 명령은 물론 3천만 원 이하의 과태료와 손해배상 소송 대상이 될 수 있습니다.

미국에서는 ADA 관련 웹 접근성 소송이 2024년에만 4,600건 이상 제기되었고, 도미노 피자가 웹 접근성 미준수로 소송에서 패소한 유명한 사례가 있습니다. 한국에서도 이 추세가 강화되고 있어서, 공공·금융·교육 분야 서비스를 다루는 회사라면 사후 대응보다 설계 단계에서 대비하는 편이 훨씬 저렴합니다.

WCAG 2.1의 네 가지 원칙

웹 접근성 가이드라인(WCAG 2.1)은 네 가지 원칙 위에 서 있습니다.

  • 인식 가능성: 모든 이미지에 대체 텍스트를 넣고 영상에 자막을 제공합니다. 스크린 리더는 alt 속성으로 이미지 내용을 읽어주는데, 없으면 "이미지"라고만 읽혀 아무 정보가 전달되지 않습니다.
  • 운용 가능성: 마우스 없이 키보드만으로 모든 기능이 되어야 합니다. Tab 키로 버튼·링크·입력 필드를 순서대로 탐색할 수 있고, 현재 포커스 위치가 시각적으로 명확해야 합니다.
  • 이해 가능성: 콘텐츠가 논리적으로 구조화되어야 합니다. h1~h6의 적절한 제목 계층, 폼 요소의 명확한 레이블, 일관된 네비게이션 패턴이 기본입니다.
  • 견고성: 다양한 브라우저와 보조 기술에서 동일하게 해석되고 동작해야 합니다.

여기에 실무에서 가장 자주 놓치는 게 명암 대비입니다. WCAG 2.1 AA 기준으로 일반 텍스트는 최소 4.5:1, 큰 텍스트는 3:1의 대비를 유지해야 합니다. 색각 이상이 있는 사용자는 한국 남성 인구의 약 5.9%로 결코 적은 수가 아닙니다.

시맨틱 HTML을 쓰면 이 대부분이 자연스럽게 맞춰집니다. div 남발 대신 header, nav, main, article, section, footer 같은 의미 있는 태그를 쓰면 스크린 리더가 페이지 구조를 정확히 파악해 효율적인 탐색 경험을 만들어 줍니다.

접근성이 SEO를 함께 끌어올리는 이유

웹 접근성을 챙기면 검색 엔진 최적화가 같이 좋아집니다. 구글 크롤러 역시 시각적 요소를 직접 볼 수 없는 "비시각적 사용자"이기 때문입니다. 시맨틱 HTML은 검색 엔진이 페이지 구조와 콘텐츠 중요도를 파악하는 핵심 신호이고, 이미지 대체 텍스트는 구글 이미지 검색 노출에 직접 기여합니다.

명확한 제목 계층은 검색 결과에서 구조화 스니펫으로 뽑힐 확률을 높이고, 이는 클릭률 개선으로 이어집니다. 접근성과 SEO는 서로 다른 작업이 아니라, 하나를 제대로 하면 다른 하나가 따라오는 상호 보완적인 관계입니다.

프로덕트 메이커의 기본 적용 사항

솔직히 말하면, 처음부터 웹 접근성을 완벽하게 고려하고 개발하는 곳은 거의 없습니다. 대기업도 마찬가지입니다. 저희도 모든 프로젝트에서 접근성을 100% 적용한다고 말하기는 어렵습니다.

다만 시맨틱 HTML, 제목 태그 계층, 이미지 대체 텍스트 같은 기본은 습관적으로 적용합니다. 접근성을 위해 별도 공수를 들이는 게 아니라, 원래 올바른 개발 방식이 그런 것이기 때문입니다.

접근성 인증이나 WCAG 기준 완벽 준수가 필요한 프로젝트(공공기관, 대기업 등)는 별도의 접근성 전문 검수가 필요하고, 그에 맞는 공수와 비용이 들어갑니다. 일반 프로젝트에서는 기본 원칙만 지켜도 SEO와 사용자 경험이 같이 올라갑니다. 처음부터 완벽할 필요는 없지만, 기본은 지키는 쪽으로 잡아두시는 게 장기적으로 유리합니다.


#웹접근성 #a11y #시맨틱HTML #SEO
다른 포스팅

웹 접근성, 왜 신경 써야 하나

웹 접근성이라고 하면 많은 사람들이 장애인을 위한 특수 기능이라고 생각합니다. 하지만 접근성은 모든 사용자가 웹 콘텐츠에 동등하게 접근할 수 있도록 보장하는 것이며, 법적 요구사항이자 비즈니스 기회이기도 합니다. 한국의 등록 장애인 수는 약 265만 명이고, 65세 이상 고령 인구는 약 950만 명입니다.

이들 모두 잠재적인 웹 서비스 이용자라는 점을 감안하면 접근성은 소수를 위한 배려라기보다는 시장을 넓히는 일에 가깝습니다. WebAIM이 2025년에 실시한 조사에 따르면 전 세계 상위 100만 개 웹사이트 중 96.3%에서 접근성 오류가 발견되었습니다. 한국의 상황도 크게 다르지 않으므로, 기본만 지켜도 경쟁 우위가 생깁니다.

법적 요구사항

한국에서는 장애인차별금지법과 국가정보화기본법에 따라 공공기관과 일정 규모 이상의 민간 기업은 웹 접근성을 준수해야 합니다. 2023년부터 적용 범위가 확대되어 교육·의료·금융 등 더 많은 민간 서비스가 포함되었습니다. 위반 시 시정 명령은 물론 3천만 원 이하의 과태료와 손해배상 소송 대상이 될 수 있습니다.

미국에서는 ADA 관련 웹 접근성 소송이 2024년에만 4,600건 이상 제기되었고, 도미노 피자가 웹 접근성 미준수로 소송에서 패소한 유명한 사례가 있습니다. 한국에서도 이 추세가 강화되고 있어서, 공공·금융·교육 분야 서비스를 다루는 회사라면 사후 대응보다 설계 단계에서 대비하는 편이 훨씬 저렴합니다.

WCAG 2.1의 네 가지 원칙

웹 접근성 가이드라인(WCAG 2.1)은 네 가지 원칙 위에 서 있습니다.

  • 인식 가능성: 모든 이미지에 대체 텍스트를 넣고 영상에 자막을 제공합니다. 스크린 리더는 alt 속성으로 이미지 내용을 읽어주는데, 없으면 "이미지"라고만 읽혀 아무 정보가 전달되지 않습니다.
  • 운용 가능성: 마우스 없이 키보드만으로 모든 기능이 되어야 합니다. Tab 키로 버튼·링크·입력 필드를 순서대로 탐색할 수 있고, 현재 포커스 위치가 시각적으로 명확해야 합니다.
  • 이해 가능성: 콘텐츠가 논리적으로 구조화되어야 합니다. h1~h6의 적절한 제목 계층, 폼 요소의 명확한 레이블, 일관된 네비게이션 패턴이 기본입니다.
  • 견고성: 다양한 브라우저와 보조 기술에서 동일하게 해석되고 동작해야 합니다.

여기에 실무에서 가장 자주 놓치는 게 명암 대비입니다. WCAG 2.1 AA 기준으로 일반 텍스트는 최소 4.5:1, 큰 텍스트는 3:1의 대비를 유지해야 합니다. 색각 이상이 있는 사용자는 한국 남성 인구의 약 5.9%로 결코 적은 수가 아닙니다.

시맨틱 HTML을 쓰면 이 대부분이 자연스럽게 맞춰집니다. div 남발 대신 header, nav, main, article, section, footer 같은 의미 있는 태그를 쓰면 스크린 리더가 페이지 구조를 정확히 파악해 효율적인 탐색 경험을 만들어 줍니다.

접근성이 SEO를 함께 끌어올리는 이유

웹 접근성을 챙기면 검색 엔진 최적화가 같이 좋아집니다. 구글 크롤러 역시 시각적 요소를 직접 볼 수 없는 "비시각적 사용자"이기 때문입니다. 시맨틱 HTML은 검색 엔진이 페이지 구조와 콘텐츠 중요도를 파악하는 핵심 신호이고, 이미지 대체 텍스트는 구글 이미지 검색 노출에 직접 기여합니다.

명확한 제목 계층은 검색 결과에서 구조화 스니펫으로 뽑힐 확률을 높이고, 이는 클릭률 개선으로 이어집니다. 접근성과 SEO는 서로 다른 작업이 아니라, 하나를 제대로 하면 다른 하나가 따라오는 상호 보완적인 관계입니다.

프로덕트 메이커의 기본 적용 사항

솔직히 말하면, 처음부터 웹 접근성을 완벽하게 고려하고 개발하는 곳은 거의 없습니다. 대기업도 마찬가지입니다. 저희도 모든 프로젝트에서 접근성을 100% 적용한다고 말하기는 어렵습니다.

다만 시맨틱 HTML, 제목 태그 계층, 이미지 대체 텍스트 같은 기본은 습관적으로 적용합니다. 접근성을 위해 별도 공수를 들이는 게 아니라, 원래 올바른 개발 방식이 그런 것이기 때문입니다.

접근성 인증이나 WCAG 기준 완벽 준수가 필요한 프로젝트(공공기관, 대기업 등)는 별도의 접근성 전문 검수가 필요하고, 그에 맞는 공수와 비용이 들어갑니다. 일반 프로젝트에서는 기본 원칙만 지켜도 SEO와 사용자 경험이 같이 올라갑니다. 처음부터 완벽할 필요는 없지만, 기본은 지키는 쪽으로 잡아두시는 게 장기적으로 유리합니다.


#웹접근성 #a11y #시맨틱HTML #SEO
다른 포스팅