인터넷은 모든 사람을 위한 공간입니다. 완벽한 시력과 청력을 가진 사람들만을 위한 것이 아닐뿐더러 타이핑이 가능한 손가락을 가진 사람들만을 위한 것도 아닙니다. 초기 웹 시대에는 많은 웹 페이지가 접근성 장벽을 가지고 있었습니다. 시각 및 청각 장애가 있는 사람이나 운동 능력이 미세하게 제한된 사람들은 완전히 접근 가능한 웹사이트를 찾기 어려웠습니다.
하지만 이제 상황이 달라졌습니다. 미국의 장애인법(ADA) 및 한국의 지능정보화 기본법과 월드 와이드 웹 컨소시엄(W3C)은 신체적 또는 인지적 제한이 있는 사람들이 웹을 볼 수 있게 돕는 웹 콘텐츠 접근성 지침을 발표했습니다. 이와 함께 보조 기술이 시장에 등장하여 웹 개발자가 모든 방문자가 접근할 수 있도록 사이트의 접근성을 향상시킬 수 있게 되었습니다.
다음은 오늘날의 웹 접근성 표준과 전자상거래 웹사이트에 적용할 수 있는 접근성 솔루션에 대한 개요입니다.
웹 접근성이란 무엇인가요?
웹 접근성은 가능한 많은 사람들이 신체적 조건이나 인지 능력에 관계없이 웹사이트나 웹 애플리케이션을 사용할 수 있도록 설계하고 개발하는 관행입니다. 웹 개발자들은 특히 인터넷이 일상생활의 필수적인 부분이 되면서 온라인에서 정보에 대한 평등한 접근을 제공하기 위해 이 개념을 받아들였습니다.
완전히 접근 가능한 웹사이트는 시각, 청각, 언어, 미세 운동 능력 또는 인지 능력이 제한된 사람을 포함하여 모든 사용자에게 만족스러운 사용자 경험을 제공합니다. 프로그래머는 웹 개발 과정에서 가능한 접근성 문제를 예상하고, 사이트와 앱이 최대한 널리 접근 가능하도록 설계합니다.
웹 접근성 표준을 위한 모범 사례는 무엇인가요?
웹 개발자들은 충분히 접근 가능한 웹사이트를 설명하기 위해 POUR라는 약어를 사용합니다. POUR는 다음을 의미합니다
- 인지 가능성(Perceivability). 하나 이상의 감각으로 인지 가능한 웹 콘텐츠를 해석할 수 있습니다. 대부분의 사용자는 시각을 통해 웹 콘텐츠를 인지하지만, 일부는 소리(스크린 리더를 통해)나 촉각(점자 디스플레이를 통해)에 의존합니다.
- 작동 가능성(Operability). 작동 가능한 웹 콘텐츠는 사용자가 가장 편리한 방식으로 상호작용을 할 수 있도록 합니다. 장치에 따라 사용자는 타이핑, 탭, 클릭, 스와이프 및 스크롤을 통해 웹 인터페이스 및 탐색 요소와 상호작용을 할 수 있습니다. 미세 운동 능력이 제한된 사람들은 시선 추적 장치나 헤드 포인터를 사용할 수 있습니다.
- 이해 가능성(Understandability). 이해 가능한 웹 콘텐츠는 신체적 또는 인지적 제한과 관계없이 사용자가 이해할 수 있어야 합니다. 디자인은 일관되어야 하며, 텍스트와 이미지는 명확하고 간단하게 논리적으로 배치되어야 합니다. (예: 텍스트 캡션은 설명하는 이미지 옆에 위치해야 함)
- 견고성(Robustness). 견고한 웹 콘텐츠는 다양한 장치에서 로드되고 작동해야 하며, 일부 장치는 멀티미디어 콘텐츠를 해석하는 데 도움이 되는 접근성 도구(예: 텍스트-음성 소프트웨어)를 실행할 수 있습니다.
접근 가능한 웹사이트를 위한 지침은 무엇인가요?
여러 조직과 정부가 인터넷 사용자 간의 평등을 촉진하기 위해 웹 접근성 지침을 발표했습니다. 여기에는 몇 가지 책임 있는 기관과 그들의 접근성 기준이 포함됩니다.
웹 콘텐츠 접근성 지침(WCAG)
웹 콘텐츠 접근성 지침(WCAG)은 전 세계 국제 웹 표준을 포괄하는 종합적인 프레임워크 역할을 합니다. 이 지침은 웹 접근성 이니셔티브–접근 가능한 리치 인터넷 애플리케이션(WAI-ARIA)에 따라 월드 와이드 웹 컨소시엄(W3C)에서 발표되었습니다.
W3C의 저작 도구 접근성 지침은 데스크탑 웹 브라우저, 모바일 장치의 앱 및 스크린 리더와 같은 기타 인터넷 연결 앱에 대한 접근성 솔루션을 설명합니다. 접근성 원칙은 다음과 같습니다.
- 비텍스트 콘텐츠에 대한 텍스트 대안. 사이트에 비텍스트 자료(예: 동영상, 그래픽, 오디오 파일)가 포함되어 있다면, 이를 요약하는 텍스트 설명으로 보완할 수 있습니다. 이를 종종 대체 텍스트라고 합니다.
- 멀티미디어에 대한 자막 및 기타 대안. 동영상의 자막, 필기록 및 수화 통역자는 오디오 콘텐츠를 해석하기 위한 대안을 제공합니다.
- 다양한 방식으로 제공할 수 있는 콘텐츠. WCAG는 사용자가 최대한 이해할 수 있도록 콘텐츠를 사용자 맞춤형으로 제공할 것을 권장합니다. 예를 들어, 텍스트를 확대하거나 텍스트 블록을 오디오로 재생할 수 있도록 해야 합니다. 오디오 녹음을 제공하여 텍스트에 더 접근 가능하게 만들 수 있습니다.
- 더 쉽게 볼 수 있고 들을 수 있는 콘텐츠. WCAG의 웹 접근성 성명서는 텍스트와 이미지를 조정 가능하게 하고, 색상을 유일한 구별 방법으로 사용하지 않도록 권장합니다. 웹 페이지는 로드 시 음악이 자동으로 재생되지 않아야 하며, 배경 오디오가 필요한 경우에는 방해를 최소화하기 위해 낮은 볼륨으로 재생되어야 합니다.
- 명확하고 읽기 쉬운 텍스트. 웹 사용자는 때때로 계약서 및 사용자 동의서와 같은 법적으로 구속력이 있는 문서를 온라인에서 확인합니다. 이러한 문서는 읽기 쉬운 글꼴로 인쇄되어야 하며 다운로드 가능해야 합니다.
미국 연방정부 장애인법(ADA)
장애인법(ADA)은 1990년 의회에서 통과되어 능력에 따른 차별을 다루기 위해 제정되었습니다. 이 법은 15명 이상의 직원을 둔 정부 기관과 민간 기업에 적용됩니다. ADA의 공식 웹 지침은 유권자 등록, 부재자 투표 신청, 세금 문서 제출, 주 혜택 신청, 경찰 보고서 제출 또는 티켓 및 수수료 결제와 같은 서비스에 대한 접근 가능한 사이트를 제공할 것을 요구합니다.
ADA는 민간 기업이 운영하는 웹사이트에 대한 특정 요구 사항을 명시하지 않지만, 모든 기업에 “공공에 개방된 기업은 필요할 경우 적절한 의사소통 보조 도구 및 서비스를 제공하여 장애인이 효과적으로 소통할 수 있도록 해야 할 것”을 권고합니다. 미국 법무부는 “접근할 수 없는 기능을 가진 웹사이트는 장애인이 공공 편의 시설의 상품, 서비스 및 특권에 접근하는 능력을 제한할 수 있다.”고 주장합니다. 특정 요구 사항을 명시하지 않지만, 법무부는 사업주가 웹사이트를 최대한 접근 가능하게 만들 것을 권장하며, 웹 개발자에게 WCAG 기준을 참조하도록 안내합니다.
한국 지능정보화 기본법
한국의 지능정보화 기본법은 정보, 정보화, 정보통신, 지능정보기술 등의 용어를 정의하고 있으며, 지능정보사회의 기본 원칙과 국가 및 지방자치단체의 책무를 규정하고 있습니다. 웹 접근성과 관련된 규정은 제46조(장애인ㆍ고령자 등의 지능정보서비스 접근 및 이용 보장)를 참고하세요.
EU 웹 접근성 지침
유럽연합의 웹 접근성 지침은 EU 회원국의 웹 콘텐츠에 대한 데스크탑 및 모바일 접근성 요구 사항을 설명합니다. 이 웹 접근성 이니셔티브의 지침에는 다음이 포함됩니다.
- 접근성 성명서. 각 웹사이트 및 모바일 앱은 비접근성 요소를 인정하고 대안을 제공하는 접근성 성명서를 포함해야 합니다.
- 피드백 옵션. 웹사이트 및 앱은 사용자가 접근성 문제를 신고하거나 비접근성 콘텐츠에 대한 설명을 요청할 수 있는 피드백 메커니즘을 제공해야 합니다.
- 공공 웹사이트 및 앱 모니터링. 공공에게 정보를 제공하거나 정부 업무를 수행하는 웹사이트 및 앱은 정기적으로 모니터링되어야 하며, 3년마다 유럽연합 집행위원회에 보고서를 제출해야 합니다.
웹사이트를 접근 가능하게 만드는 방법
웹사이트의 접근성을 최대화하기 위해 업그레이드하면 비즈니스에 이점이 있습니다. 콘텐츠를 여러 형식으로 접근 가능하게 함으로써 더 많은 방문자의 참여를 유도할 수 있습니다. 다음은 웹사이트를 가능한 많은 방문자에게 접근 가능하게 만드는 방법입니다.
- 이미지에 대한 대체 텍스트. 이미지 및 동영상의 대체 텍스트는 시각 미디어 콘텐츠를 설명합니다. 이는 두 가지 유형의 사이트 방문자에게 도움이 됩니다. 시각 장애가 있는 사람은 스크린 리더 소프트웨어로 이미지 설명을 읽을 수 있고, 저속 인터넷을 사용하는 사람은 동영상 및 고해상도 이미지를 로드할 수 없더라도 텍스트가 브라우저에 로드됩니다.
- 동영상 자막. 동영상의 자막은 청력이 손상된 사람이나 오디오 없이 장치를 사용해야 하는 사람에게 도움이 됩니다. 동영상에 자막을 수동으로 추가하거나 오디오 트랙을 텍스트로 전사하는 특별한 소프트웨어를 사용할 수 있습니다.
- 색상의 적절한 사용. 차트, 그래프 및 지도가 명확하게 보이고 쉽게 읽히도록 고대비 색상 팔레트를 선택하세요. 약 8%의 남성과 0.5%의 여성이 색각 이상(CVD)을 가지고 있습니다. 이들을 위해 콘텐츠를 더 접근 가능하게 만들려면 파랑/주황, 파랑/빨강 또는 파랑/갈색 대비 색상 패턴을 사용하세요. 그래픽 섹션을 구별할 때 색상만 사용하지 말고 선 및 간격과 같은 다른 요소를 포함하세요.
- 깜박이는 콘텐츠. 일부 인터넷 사용자는 깜박이거나 점멸하는 콘텐츠에 의해 방해를 받거나 놀랄 수 있습니다. 최악의 경우, 발작을 유발할 수 있습니다. 깜박이는 콘텐츠를 피하세요.
- 동영상 재생. 자동 재생 동영상 및 오디오는 인터넷 사용자를 혼란스럽게 하고 방해할 수 있으며, 스크린 리더와의 상호작용을 방해할 수 있습니다. 동영상 및 오디오를 포함할 때는 반복 재생 및 일시 정지를 허용하여 사용자가 자신의 속도로 해석할 수 있도록 하세요.
이러한 접근성 전략을 사용하여 웹사이트 빌더의 저작 도구를 활용하세요. 접근 가능한 커뮤니케이션 기술을 전문으로 하는 외부 공급업체를 고용할 수도 있습니다. 이 전문가는 여러분의 사이트 접근성을 개선하거나 처음부터 접근 가능한 사이트를 구축하는 데 도움을 줄 수 있습니다.
웹사이트 접근성을 테스트하는 방법
여러 평가 도구를 사용하여 웹사이트가 충분히 접근 가능한지 확인할 수 있습니다. 고려할 수 있는 세 가지 도구는 다음과 같습니다.
- SortSite. SortSite는 웹사이트의 장치 호환성과 접근성을 자동으로 스캔하는 도구입니다. 추가로, 검색 엔진 최적화(SEO), 끊어진 링크, 보안 연결도 확인합니다.
- WAVE. WAVE 웹 접근성 평가 도구는 사이트의 URL을 입력하라는 메시지를 표시한 후, 디지털 사용자 에이전트(사용자의 웹 브라우저를 시뮬레이션하는 도구)를 사용하여 사이트가 WCAG 지침에 따라 기능적으로 작동하는지 스캔합니다.
- A11Y 색상 대비 접근성 검사기. A11Y 색상 대비 접근성 검사기는 웹사이트의 색상 대비 문제를 감사하고 색맹이나 미세한 색상 구별을 할 수 없는 사람들을 위해 접근성을 개선할 수 있는 제안을 합니다.
이러한 도구를 웹사이트에서 사용하면 업로드된 콘텐츠에 자동으로 적응하므로 유지 관리 비용을 줄일 수 있습니다.
웹 접근성 FAQ
웹사이트의 접근성을 얼마나 자주 검토하고 업데이트해야 하나요?
새로운 콘텐츠를 업로드할 때마다 웹사이트의 접근성을 검토해야 합니다. 또한, 월드 와이드 웹 컨소시엄(W3C)과 같은 그룹이 접근성에 대한 새로운 표준과 성공 기준을 발표하면 사이트를 업데이트해야 합니다.
웹사이트를 접근 가능하게 만들 법적 의무가 있나요?
미국의 장애인법(ADA) 제3조에 따르면, 웹사이트는 신체적 또는 정신적 장애가 있는 방문자에게 차별을 두어서는 안 됩니다. 그러나 제3조는 민간 기업, 예를 들어 전자상거래 판매자가 “과도한 부담”을 초래하지 않는 한 ADA를 완전히 준수할 필요는 없다고 명시하고 있습니다. 한국의 경우는 지능정보화 기본법 제46조를 참고하세요.
웹사이트에 접근할 수 없으면 어떤 결과가 발생하나요?
접근할 수 없는 웹사이트는 비즈니스와 상호작용을 할 수 있는 고객 수를 제한합니다. 여러분의 회사를 가장 폭넓은 잠재 고객에게 노출시키기 위해서는 모든 방문자, 즉 감각 문제나 미세 운동 능력 장애가 있는 사람을 수용하는 웹사이트나 전자상거래 스토어를 구축해야 합니다.
웹사이트가 ADA를 준수하지 않는 이유는 무엇인가요?
ADA에 따르면, 접근할 수 없는 웹 콘텐츠는 장애인에게 동등한 접근을 막고 있습니다. ADA를 준수하려면 웹사이트가 스크린 리더, 동영상 및 오디오 자막, 대체 상호작용 방법을 지원해야 합니다. 물리적 접근성 도구(예: 마우스를 사용할 수 없는 사람을 위한 시선 추적 장치)를 제공할 필요는 없지만, 사이트는 이러한 도구를 지원해야 합니다.
