웹사이트 접근성에 대해 알아야 할 모든 것

게시 됨: 2022-02-15

귀하의 웹사이트를 방문하는 모든 사용자는 능력이나 부족에 상관없이 이해할 수 있는 사용자 경험에 대한 권리가 있어야 합니다. 이것은 단지 우리의 의견이 아니라 일부 국가에서는 법입니다. 그러나 웹 사이트가 접근성 표준을 충족하는지 확인하는 유일한 이유는 아닙니다. 장애에 관한 보고서에 따르면 10억 명의 사람들이 장애를 가지고 살고 있으며 이는 세계 인구의 15%에 해당합니다 . 신체, 시각, 인지, 신경, 운동 및 청각 장애가 있는 사람들이 웹사이트를 사용할 것입니다. 숫자를 이유로 사용하는 것이 불쾌하게 느껴지지만 상당한 양의 잠재 방문자입니다. 모든 사람이 웹사이트를 사용할 수 있도록 만드는 것은 그만한 가치가 있습니다.

액세스 가능한 웹 사이트와 일반적으로 없는 웹 사이트 간의 격차는 예산에서 발생합니다. 웹 사이트를 포괄적으로 만드는 것은 개발 중에 더 많은 노력이 필요하며 더 많은 노력은 더 많은 돈을 의미합니다. 그러나 Drupal과 같은 CMS를 사용하여 전략적으로 수행하면 상당한 노력을 기울일 필요가 없습니다. Drupal core는 WCAG 2.0 및 ATAG 2.0 표준을 준수하는 웹사이트의 설계 및 개발을 지원합니다. 사실, 접근성 표준을 개선하고 최신 상태로 유지하는 데 전념하는 전체 커뮤니티(Drupal 접근성 커뮤니티)가 있습니다. 접근성이 Drupal의 핵심 강점이라고 말할 수도 있습니다.

웹사이트를 재구축하려는 경우에는 모두 좋지만 기존 웹사이트로 작업하는 경우에는 어떻게 하시겠습니까? 웹 접근성에 대해 알아보고 웹사이트에 액세스할 수 있는지 여부를 확인하는 방법을 알아보겠습니다.

웹사이트 접근성

웹 접근성이란 무엇입니까?

웹 접근성은 웹 개발에서 매우 중요한 측면입니다. 일반인의 관점에서 웹 접근성은 장애에 관계없이 모든 사람이 웹사이트에 액세스할 수 있도록 하는 것입니다. 흔히 가정되지만 접근성은 장애인만의 문제가 아닙니다. 건강한 사람으로서 귀하가 웹사이트에 액세스하는 방법에 영향을 미칠 수 있는 상황적 또는 일시적인 상황이 있습니다.

웹 접근성이 중요한 이유

또 다른 오해는 웹 접근성이 긍정적인 브랜드 이미지를 만드는 데 주로 사용된다는 것입니다. 그러나 액세스 가능한 웹사이트를 갖는 것에는 많은 사람들이 생각하는 것보다 훨씬 더 많은 실질적인 이점이 있습니다.

  • 잠재고객 도달범위 늘리기
  • 법적 문제를 피하십시오( 2019년 그녀의 웹사이트가 ADA(Americans with Disabilities Act)를 준수하지 않았을 때 Beyonce에 대한 소송을 기억하십시오).
  • 접근성에 대한 사용자 경험을 개선하면 전반적인 UX 점수도 향상됩니다.
  • 검색 엔진에서 웹사이트 순위 향상

그렇긴 하지만, 목적 주도형 브랜드의 최근 성장과 인기는 포용성이 핵심 브랜드 차별화 요소가 될 수 있음을 나타냅니다.

적합성 및 수준

W3C(World Wide Web Consortium)는 웹 ​​접근성 표준을 관리하는 일련의 지침인 WCAG(웹 콘텐츠 접근성 지침)를 개발하고 발표했습니다. 이러한 표준(WCAG 2.0, WCAG 2.1 및 WCAG 2.2)의 성공 기준에는 세 가지 수준의 적합성이 있습니다.

  • 레벨 A
  • 레벨 AA
  • 레벨 AAA

수준 A - 접근성 기능의 가장 기본적인 요구 사항을 다루는 최소 접근성 수준입니다.

레벨 AA - 이 레벨에는 레벨 A의 모든 것과 몇 가지 추가 요구 사항이 필요합니다. 웹 사이트가 이 수준을 준수하면 가장 큰 접근성 장벽이 많이 제거되기 때문에 큰 문제입니다.

레벨 AAA - AAA 레벨에는 레벨 A 및 AA의 모든 것과 몇 가지 추가 요구 사항이 필요합니다. 이 수준은 대부분의 웹사이트에서 달성하기 어렵고 WCAG 표준에서 가장 높은 수준의 접근성입니다.

웹 사이트에 액세스할 수 있는지 어떻게 알 수 있습니까?

WCAG는 웹 접근성을 위한 4가지 원칙과 13가지 지침을 설정했습니다. 이 네 가지 원칙 중 하나를 준수하지 않으면 장애가 있는 사용자가 귀하의 웹사이트에 액세스할 수 없습니다. 이러한 원칙을 POUR 원칙이라고 합니다.

  1. 감지할 수 있는
  2. 실시 가능한
  3. 이해할 수 있는
  4. 건장한

인식 가능 - 인식 가능으로 분류된 모든 지침은 사람들이 귀하의 콘텐츠를 찾을 수 있도록 하는 데 중점을 둡니다.

작동 가능 - 웹사이트가 작동 가능한지 확인해야 합니다. 사람들이 귀하의 웹사이트를 사용할 수 있어야 합니다.

이해 가능 - 사람들이 귀하의 웹사이트를 이해할 수 있어야 합니다.

견고 함 - 웹사이트는 모든 브라우저, 운영 체제 및 장치와 호환되어야 합니다.

접근성 지침

이제 각 원칙에는 여기에서 논의할 고유한 지침 세트가 있습니다.

인지할 수 있는 지침

1.1) 텍스트 대안 - 첫 번째 인지 가능한 지침인 인지 가능한 1.1 에서는 텍스트가 아닌 모든 콘텐츠에 텍스트 대안이 있어야 합니다. 이는 이미지에 의미 있는 대체 텍스트가 있어야 함을 의미합니다. 대체 텍스트는 이미지에서 무슨 일이 일어나고 있는지 설명해야 합니다.

1.2) 시간 기반 미디어 - 인지 가능한 1.2 에서는 시간 기반 미디어에 대한 대체 옵션이 있어야 합니다. 청각 장애가 있는 사람들을 위해 비디오에 자막을 추가합니다. 클로즈 캡션은 컨텍스트를 제공하는 데 도움이 될 수 있습니다.

1.3) 적응성 - 인지 가능 1.3 은 내용이 맥락을 잃지 않고 다양한 방식으로 제시될 수 있도록 요구합니다.

1.4) Distinguishable - Perceivable에 대한 마지막 지침은 Perceivable 1.4 이며, 시각적으로 콘텐츠가 배경과 분리될 수 있어야 합니다. 이것은 텍스트와 배경색 사이에 충분한 대비가 있어야 함을 의미합니다. 텍스트의 최소 명암비는 4.5여야 합니다.

실행 가능한 지침

2.1) 키보드 액세스 가능 - 첫 번째 작동 가능한 지침 2.1 은 웹사이트의 모든 부분에 키보드 만 사용하여 액세스할 수 있도록 요구합니다.

2.2) 충분한 시간 - 작동 가능한 2.2 는 사람들이 귀하의 웹사이트에서 콘텐츠를 사용하기에 충분한 시간 을 제공할 것을 요구합니다. 사용자에게 서두르지 않고 작업을 완료할 수 있는 시간을 주어야 합니다. 또한 사람마다 능력이 다르고 일부는 작업을 완료하는 데 약간 느릴 수 있다는 점을 고려해야 합니다.

2.3) 발작 및 신체 반응 - 작동 가능 2.3 에서는 콘텐츠가 발작을 일으킬 수 있는 방식으로 설계되지 않아야 합니다. 애니메이션과 동영상은 초당 3회 이상 깜박이지 않아야 합니다 .

2.4) 탐색 가능 - 작동 가능 2.4 에서는 사람들이 웹사이트를 탐색하고 웹사이트 내 위치를 이해할 수 있어야 합니다. 페이지의 모든 링크, 입력 및 버튼은 사용자가 탭을 사용하여 탐색할 때 화면에서 사람의 위치를 ​​나타내는 포커스 상태를 가져야 합니다.

2.5) 입력 방식 - Operable의 마지막 가이드라인은 Operable 2.5 이며 웹사이트의 모든 부분은 키보드 이외의 다른 입력 장치를 사용하여 액세스할 수 있어야 합니다. 기본적으로 귀하의 웹사이트가 마우스, 터치 스크린 장치 및 음성을 텍스트로 변환하여 작동하는지 확인하고 싶을 것입니다.

이해할 수 있는 지침

3.1) 가독성 - 이해할 수 있음 3.1 은 내용이 읽기 쉽고 이해하기 쉬워야 합니다. 간단한 언어를 사용하고 전문 용어를 피하십시오.

3.2) 예측 가능 - 이해 가능 3.2 에서는 웹 페이지가 어떻게 표시되고 작동하는지 예측할 수 있어야 합니다. 콘텐츠는 페이지마다 다르지만 페이지의 주요 구조는 동일하게 유지되어야 합니다. 탐색, 링크 순서 및 검색은 페이지에서 항상 같은 위치에 있어야 합니다.

3.3) 입력 지원 - 이해할 수 있는 3.3 은 사람들이 쉽게 수정하고 실수를 피할 것을 요구합니다.

강력한 지침

4.1) 호환 가능 - robust 에는 단 하나의 지침이 있습니다. 바로 4.1 입니다. 이를 위해서는 웹사이트가 모든 브라우저, 운영 체제 및 장치와 호환되어야 합니다. 이것은 유효하고 의미 있는 HTML을 작성하여 달성할 수 있습니다. 어떤 이유로 웹 사이트에 여전히 접근성 도움말이 필요한 경우 일부 ARIA 속성을 추가하십시오.

접근성을 테스트하는 방법?

마지막으로 접근성 테스트를 웹사이트 관리 프로세스에 통합하려고 합니다. 예를 들어 페이지를 탭하여 키보드 접근성을 테스트할 수 있습니다. 운 좋게도 인터넷에는 테스트 자동화를 위한 많은 도구가 있습니다.

  • 파도
  • 등대

참조 사이트

표준 및 지침은 아래 W3C 사이트를 참조하십시오.

  • https://www.w3.org/
  • https://www.w3.org/WAI/
  • https://www.w3.org/WAI/standards-guidelines/wcag/
  • https://www.w3.org/WAI/WCAG21/quickref/