웹사이트를 더 쉽게 액세스할 수 있도록 하는 방법(그리고 해야 하는 이유)
게시 됨: 2022-09-09
귀하의 비즈니스 웹사이트는 접근성에 최적화되어 있습니까?
이 질문에 대한 답은 생각보다 귀하와 귀하의 비즈니스에 영향을 미칩니다. 세계보건기구(WHO)에 따르면 현재 10억 명이 넘는 사람들이 장애를 경험하고 있습니다(세계 인구의 약 15%). 그리고 그 수는 증가하고 있습니다.
일부 장애로 인해 사람들이 인터넷을 탐색하는 것이 어렵거나 불가능합니다. 결과적으로 대부분의 비즈니스 웹사이트는 이 소중한 잠재고객에게 다가갈 기회를 놓치고 있습니다.
웹 접근성이란 무엇입니까?
웹 접근성은 장애가 있는 사람을 포함한 모든 방문자에게 평등한 접근을 제공하도록 설계 및 개발된 웹사이트, 도구 및 기술을 만드는 포괄적인 관행입니다. 웹 접근성의 목표는 제한이 있는 사람들에게 제한이 없는 사람들과 동일하거나 유사한 경험을 제공하는 것입니다.
웹사이트를 보다 쉽게 액세스할 수 있는 방법에 대한 통찰력을 아래에서 공유합니다. 그러나 먼저 웹 접근성이 해결하고자 하는 장애 유형을 간략하게 살펴보겠습니다.
- 비주얼. 시각 장애에는 실명, 시력 저하 및 색맹이 포함되지만 이에 국한되지 않습니다.
- 귀의. 청각 장애에는 난청 또는 난청이 있는 개인이 포함되지만 이에 국한되지 않습니다.
- 모터/모빌리티. 운동 장애에는 손 사용의 어려움 또는 무능력, 근육 느림 및 근육 조절 상실이 포함되지만 이에 국한되지 않습니다.
- 신경과. 신경 장애에는 간질, 뇌성 마비, 발작 등이 포함되지만 이에 국한되지 않습니다.
- 인지 및 지적. 인지 장애에는 발달 장애, 학습 장애(난독증, 비언어적 학습 등)가 포함되지만 이에 국한되지는 않습니다.
장애가 다르기 때문에 장애가 있는 사람들이 웹에 액세스하는 방법은 보조 기술과 장애를 사용하는지 여부와 상관없이 컴퓨터에 따라 다릅니다.
비즈니스 웹사이트를 웹에 액세스할 수 있도록 하면 더 많은 청중에게 다가갈 수 있습니다. 또한 일부 산업 및 국가에서는 접근성이 법으로 요구됩니다. 무엇보다도 웹 접근성:
- 정보에 대한 동등한 액세스를 제공합니다. 접근 가능한 웹사이트는 장애인이 사회에 보다 적극적으로 참여할 수 있도록 도와줍니다.
- 탐색을 향상시킵니다. 접근 가능한 탐색을 타협으로 생각하지 마십시오. 반대로 좋은 탐색은 강력한 사용자 경험(UX)에 기여합니다. 직관적인 레이아웃은 방문자에게 편안한 브라우징 경험을 보장하며, 이는 사용자가 귀하의 제품이나 브랜드에 충성도를 유지하도록 하는 궁극적인 목표입니다.
- 상호작용의 길을 열어줍니다. 모든 사람은 콘텐츠를 즐기고 서로 공유하고 소통할 수 있는 동등한 기회를 가져야 합니다. 포괄적인 환경은 방문자가 귀하의 브랜드에 참여할 가능성을 높입니다.
- 모두에게 윤리적이고 유익합니다. 한 사람의 장애를 수용하는 기술에 액세스하는 것은 귀하의 공감을 표시하고 장애가 있는 사용자를 도울 뿐만 아니라 귀하를 위해 더 많은 비즈니스로 번역될 수 있습니다.
- 법에 의해 요구되는 경우가 있습니다. 일부 산업 및 많은 국가에는 웹 접근성을 시행하는 법률이 있습니다(웹사이트에 액세스 권한이 있어야 하지만 그렇지 않은 경우 소송을 당할 수 있습니다). 다음은 여러 국가의 웹 접근성 요구 사항에 대한 유용한 리소스 목록입니다. 비즈니스가 미국에 있는 경우 미국 장애인법(ADA) 웹사이트에 웹사이트 접근성 소송을 피하는 방법에 대한 좋은 입문서가 있습니다.
웹 콘텐츠 접근성 지침(WCAG) 2.0 및 2.1
W3C(World Wide Web Consortium)에서 개발한 WCAG(웹 콘텐츠 접근성 지침) 2.0 및 2.1은 웹 콘텐츠 접근성에 대한 국제 표준을 만드는 것을 목표로 합니다.
이 지침은 개인, 조직 및 정부에 대한 디지털 액세스 장벽을 제거하고 줄이기 위해 적극적으로 작동합니다. 그들의 웹 사이트는 접근성 기능을 구현하기 위한 자세한 요구 사항, 성공 기준 및 기술을 제공합니다.
우리는 당신에게 정보를 이메일로 보냈습니다.
웹사이트의 접근성을 높이는 방법
다음은 웹사이트에서 접근성을 구현하는 입증된 방법입니다. 이러한 방법은 WAI(Web Accessibility Initiative)에서 강력하게 제안하며 WCAG 표준을 준수합니다.
대체 텍스트 제공(텍스트 대안)
이미지, 비디오 및 오디오 콘텐츠에는 메시지를 전달하는 대체 텍스트가 있어야 합니다. 예를 들어 이미지의 HTML 마크업에 alt 태그를 포함하고 사람들이 글꼴 크기를 쉽게 변경할 수 있도록 합니다.
캡션 및 텍스트 스크립트가 있습니다.
비디오 캡션 및 스크립트는 사람들이 소리에 의존하지 않고 콘텐츠를 이해하는 데 도움이 되는 대체 텍스트입니다. 사람들은 오디오 트랙을 들을 수 없더라도 비디오가 재생되는 동안 읽을 수 있습니다.
플래시, 시간 기반 또는 자동 재생 콘텐츠를 표시하는 디스플레이에 주의하십시오.
깜박이거나 깜박이는 이미지와 같은 애니메이션 콘텐츠는 발작을 유발하고 감광성 장애가 있는 사람들에게 해를 끼칠 수 있습니다. 그러한 내용을 포함해야 하는 경우 표시하기 전에 적절한 경고를 표시하십시오.
페이지를 논리적으로 구성
전체 머리글 및 바닥글, 머리글 계층 구조(이상적으로는 h1에서 h4까지)<, 범주 및 하위 범주는 웹사이트를 구성하고 탐색을 더 쉽게 만드는 데 도움이 됩니다. 관련 콘텐츠를 그룹화하여 가독성을 높일 수도 있습니다. 목표는 청중이 이해할 수 있는 가장 쉽고 쉬운 방법으로 콘텐츠를 제공하는 것입니다.
접근 가능한 탐색 빌드
혼란스러운 탐색 기능이 있는 웹 사이트는 사람들을 좌절시키고 자신의 필요에 맞는 더 나은 웹 사이트를 찾기 위해 빠르게 떠날 것입니다.
일관성이 핵심
사용자 인터페이스의 예측 가능하고 일관된 패턴은 사람들이 웹 사이트를 빠르게 탐색하는 데 도움이 될 수 있습니다. 웹사이트 탐색 위치, 웹사이트 색상, 전체 웹사이트 디자인 및 사이트에서 사용하는 글꼴은 모두 사용성에 영향을 미칩니다.
접근성을 이해하고 있음을 보여주는 이미지 포함
사람들이 귀하의 웹사이트를 편안하게 탐색할 수 있도록 사진을 포함하는 것이 도움이 됩니다. 예를 들어, crowdspring.com의 헤더 그림을 살펴보십시오. 그림에는 장애가 있는 사람들이 포함되어 있습니다. 작은 세부 사항이 중요합니다.
ARIA 역할 활용
ARIA(Accessible Rich Internet Applications)를 사용하면 동적 콘텐츠에 더 쉽게 액세스할 수 있습니다. 이러한 HTML 사양은 모든 요소에 추가할 수 있습니다.
사이트의 웹 접근성을 확인하는 방법
기존 사이트에 액세스할 수 있는지 여부가 궁금한 경우 웹사이트가 WCAG를 준수하는지 확인하는 데 도움이 되는 몇 가지 인기 있는 무료 및 유료 도구가 있습니다. 이러한 도구는 사이트의 접근성을 개선하기 위한 시각적 차트 또는 지침을 제공합니다.
- Dynomapper는 사용자가 모든 웹사이트 또는 앱의 접근성을 테스트할 수 있는 유료 도구입니다. 브라우저 내에서 사이트를 실시간으로 테스트하고 포괄적인 테스트 보고서를 생성할 수 있습니다.
- WAVE 웹 접근성 평가 도구는 많은 접근성 및 WCAG(웹 콘텐츠 접근성 지침) 오류를 식별할 수 있습니다.
- Lera는 웹사이트의 접근성을 감사할 수 있는 무료 Chrome 브라우저 확장 프로그램입니다. 일부 문제와 가능한 수정 사항을 강조하는 다운로드 가능한 보고서를 생성할 수 있습니다.
- A11Y 규정 준수 플랫폼은 인터넷 접근성국에서 개발했습니다. 웹사이트에서 WCAG 2.1 A/AA 준수를 확인하고 웹사이트에 대한 시각적 요약을 제공할 수 있습니다.
- accessiBe는 유료 웹 접근성 도구입니다. 인공 지능(AI)을 사용하여 웹 사이트를 처리하여 WCAG 및 ADA 규정을 충족하는지 확인합니다.
웹 개발 및 웹 접근성을 전문으로 하는 전문가를 고용하여 웹 사이트를 감사하고 개선할 수도 있습니다.
이 팁이 웹사이트를 최적화하여 더 많은 사람들이 사이트에 더 쉽게 액세스할 수 있도록 하는 데 도움이 되기를 바랍니다. 이렇게 하면 더 많은 사람들이 사이트를 탐색하는 데 도움이 되고 비즈니스를 더 빠르게 성장시킬 수 있습니다.
