웹 접근성 – 웹사이트를 ADA 규격으로 만드는 방법

게시 됨: 2021-07-14

그래서 장애가 있는 사람들이 웹사이트에 액세스할 수 있도록 하기로 결정했습니다. 때가 되었습니다. 미국 장애인법( ADA )이 1990년에 통과되었습니다. 장애인에 대한 차별을 금지합니다. 미국에서 운영하는 경우 장애인을 활성화하지 않기 때문에 웹사이트에 액세스할 수 없도록 만드는 것은 차별입니다. 자유롭고 쉽게 웹 브라우징의 동일한 특권. 귀하가 미국 이외의 지역에 있더라도 곧 귀하의 지역에 유사한 법률이 적용될 것입니다.

2018년에 DOJ 는 웹사이트가 ADA Title III에 따라 공공 편의 시설로 간주된다고 확인 했습니다. 이것은 장애를 가진 사람들도 웹사이트를 오프라인과 마찬가지로 액세스할 수 있도록 만들어야 할 필요성을 실행에 옮겼습니다. 그 이후로 모든 규모의 기업은 웹사이트에서 웹 접근성 서비스 및 솔루션을 검색하고 구현하기 시작했습니다.

웹 사이트에 액세스 가능하게 만들기 - 여기에 귀하의 옵션이 있습니다

두 가지 옵션을 사용할 수 있습니다.

  • 기술 기반 접근성 솔루션

웹 접근성 기술에는 기술을 활용하여 웹사이트를 접근 가능한 웹사이트로 '전환'하는 솔루션 구매가 수반됩니다. 기술 조합을 사용하여 접근성 문제를 식별하고 플래그를 지정한 다음 수정합니다. 또한 장애가 있는 사용자가 웹사이트에서 탐색 경험을 최적화할 수 있는 인터페이스를 제공합니다.

  • 수동 접근성 서비스

수동 수정이란 웹 접근성 지침에 따라 웹 사이트의 코드를 검사하고 조정할 때 기술이 관련되지 않음을 의미합니다. 접근성 코딩 경험이 있는 경우 직접 수행하거나 수동으로 식별 및 수정 프로세스를 수행하는 접근성 전문 회사를 고용할 수 있습니다.

이 경우 위에서 언급한 최적화 인터페이스는 기본적으로 포함되지 않습니다. 접근성 서비스 회사에서는 이를 제공하지 않습니다. 이를 설계 및 생성하거나 다른 공급자를 검색하려면 추가 비용을 지불해야 합니다(나중에 자세히 설명).

기술 기반 솔루션 또는 수동 서비스의 두 가지 옵션이 있습니다.

이 기사에서는 각 옵션의 장점과 단점을 심층적으로 비교하여 웹사이트에 액세스할 수 있는 방법에 대한 정보에 입각한 결정을 내리는 데 도움을 드릴 것입니다.

웹사이트 접근성을 위한 다양한 솔루션이 있고 제공 범위와 품질이 매우 다르기 때문에 우리는 비교를 위해 하나를 선택했습니다 - accessiBe .

이것을 수동 서비스와 비교한다는 점에서 공급자에 관계없이 서비스 제공은 전반적으로 동일합니다. 프로젝트의 가격과 기간에 따라 약간의 차이가 있을 수 있지만 기본 전제는 하나이며 접근성 문제의 수동 식별 및 수정입니다.

다음을 기반으로 accessiBe를 수동 접근성 서비스와 비교할 것입니다.

  • accessiBe 대 수동 서비스: 제공 범위
  • accessiBe 대 수동 서비스: 준수 수준 달성
  • accessiBe 대 수동 서비스: 프로젝트 기간
  • accessiBe 대 수동 서비스: 가격
  • accessiBe 대 수동 서비스: 장기적인 효율성

하지만 먼저 웹 사이트에 액세스할 수 있도록 하기 위해 거쳐야 하는 프로세스를 설명하겠습니다.

웹 접근성 - 작동 원리

감사와 수정이라는 두 가지 주요 용어에 익숙해져야 합니다.

웹 접근성 감사는 여러분이 생각하는 바로 그 것입니다. 세무 감사와 마찬가지로 접근성 상태를 면밀히 조사하고 접근성을 달성하기 위해 처리하고 조정해야 하는 문제를 식별합니다.

코드 수준에서 색 구성표 및 글꼴 크기에 이르기까지 웹사이트의 모든 요소를 ​​살펴봅니다. 차이점은 수행 방법입니다.

수동 서비스의 경우 프로세스를 자동화하는 기술이 없기 때문에 수정 전에 감사가 수행됩니다. 웹 사이트를 직접 감사하든 접근성 전문가에게 아웃소싱하든 웹 사이트 코드는 사람에 의해 빗질됩니다. 보고서를 작성하는 데 보통 몇 주가 걸립니다. 거기에서 수정, 즉 접근성 권장 사항에 따라 코드를 수정하는 단계로 넘어갑니다. 수동 서비스에서 다른 전문가 팀을 고용하여 이를 수행하거나 보고서를 개발 팀에 전달하고 필요한 모든 변경 및 수정을 수행하도록 합니다. 웹사이트의 크기, 웹페이지 수에 따라 몇 주에서 몇 달이 더 걸릴 수 있습니다.

accessiBe를 사용하면 감사 및 수정 단계가 AI 엔진에 의해 동시에 수행됩니다. 엔진은 웹사이트를 스캔하고 접근성 문제를 식별하면 그 자리에서 수정합니다. 이 프로세스는 웹사이트 크기에 따라 최대 48시간이 소요됩니다.

중요한 부분은 장애인 사용자가 색 구성표, 글꼴 크기, 간격, 탐색 하이라이트 등과 같은 다양한 요소를 제어할 수 있도록 하는 메뉴인 접근성 인터페이스를 구현하는 것입니다.

수동 서비스를 사용하면 이것은 귀하에게 달려 있습니다. 추가 비용을 지불하여 설계 및 생성하거나 인터페이스 구현을 위해 다른 공급업체를 찾을 수 있습니다. accessiBe를 사용하면 접근성 인터페이스가 제품에 포함되어 웹사이트에 한 줄의 코드를 추가하여 즉시 사용할 수 있습니다.

accessiBe 대 수동

[이미지 출처: accessiBe 접근성 서비스]

accessiBe 대 수동 서비스: 제공 범위

여기에서 비교를 이해하려면 먼저 웹 사이트에 액세스하기 위해 필요한 것이 무엇인지 설명해야 합니다.

무엇보다도 솔루션은 WCAG 규정을 준수해야 합니다. WCAG 자세한 정확하게는 웹 사이트에 대한 무엇이 장애인 접근 가능하도록하는 W3C (월드 와이드 웹 컨소시엄)에 의해 만들어진 지침의 집합입니다.

대체로 WCAG 지침은 모양 및 UI(사용자 경험) 요구 사항과 화면 판독기 및 키보드 탐색 요구 사항의 두 가지 주요 노력으로 나뉩니다.

모양 및 UI는 장애가 있는 사용자에게 웹 사이트의 디자인 및 기본 동작(예: 애니메이션, 링크, 비디오, 사운드 등)을 제어하기 위한 다양한 수정 및 최적화 옵션을 제공하는 것을 의미합니다. 이러한 옵션은 고유한 메뉴인 접근성 인터페이스를 통해 제공됩니다. 사용자가 쉽게 액세스하고 제어할 수 있습니다.

다음은 어떻게 보이는지입니다. 모든 페이지에 표시되는 접근성 아이콘이 있는 상단 이미지; 접근성 인터페이스가 열린 하단 이미지(스크롤 가능하며 더 많은 조정이 가능함)

접근성 인터페이스 [이미지 출처: accessiBe의 접근성 인터페이스 아이콘]

"장애인"은 대부분의 사람들이 생각하는 것보다 더 넓은 우산이라는 것을 이해해야 합니다. 간질을 가진 사람, ADHD를 가진 사람, 인지 장애가 있는 사람은 모두 ADA 법에 속하며 접근 가능한 웹사이트를 코딩할 때 고려되어야 합니다. 예를 들어, 간질이 있는 사람은 자동화된 비디오 재생, 깜박이는 애니메이션 및 기타 시각적 방해 요소를 '꺼야' 할 수 있어야 합니다.

모양 및 UI 지침은 다양한 장애의 다양한 요구를 수용하기 위해 매우 광범위한 요구 사항을 다룹니다.

지침의 다른 부분에서는 화면 판독기 및 키보드 탐색 요구 사항을 다룹니다.

스크린 리더는 시각 장애인과 시각 장애가 있는 사람들이 웹을 탐색하는 데 사용하는 소프트웨어입니다. 컴퓨터에 설치되어 있고 웹사이트는 소프트웨어와 '통신'할 수 있어야 사용 중인 시각 장애인에게 화면에 있는 내용을 큰 소리로 읽을 수 있습니다. WCAG 지침은 웹사이트와 스크린 리더의 통신을 가능하게 하기 위해 수행해야 하는 모든 기술적 조정(코드 수준)에 대해 자세히 설명합니다.

키보드 탐색은 마우스 없이 키 입력만으로 웹을 탐색할 수 있는 기능입니다. 다양한 정도와 형태의 운동 장애가 있는 사람들이 사용합니다. 화면 판독기와 마찬가지로 키보드 탐색과의 호환성은 코드 수준에서 달성됩니다. 웹사이트의 모든 탐색 요소에는 특정 키로 탐색할 수 있는 병렬 기능이 있어야 합니다.

접근성 인터페이스 예접근성 인터페이스 예 [이미지 출처: accessiBe의 접근성 인터페이스]

이제 두 가지 주요 요구 사항 그룹에 대해 설명했으므로 수동 서비스와 대조적으로 accessiBe에서 어떤 적용 범위를 얻을 수 있는지 살펴보겠습니다.

수동 서비스와 accessiBe 모두 WCAG의 전체 범위를 제공합니다. 주요 차이점은 수동 수정을 추구할 때 모든 것이 수작업으로 수행되는 반면 accessiBe는 AI를 사용하여 전체 프로세스를 자동화한다는 것입니다. WCAG는 1000페이지 분량의 가이드북이기 때문에 WCAG에 따라 웹사이트의 코드를 조정하는 것은 지루하고 세심한 과정입니다. 이 경우 이를 모두 덮기 위해서는 시간과 돈과 같은 귀중한 자원이 필요할 수 있습니다.

WCAG 적용 범위와 관련하여 두 가지 방법 모두 이를 달성합니다. 그러나 수동 수정은 그 이상으로 진행되지 않습니다. 반면에 accessiBe는 완전한 규정 준수를 달성할 뿐만 아니라 기본 WCAG 지침보다 더 나아갑니다.

accessiBe 대 수동 서비스: 준수 수준 달성

accessiBe AI 솔루션은 최신 버전(현재 2.1)에 따라 완전한 WCAG 준수를 달성합니다. 또한, accessiBe는 법률에 의해 시행되는 다양한 법률 및 규정에 얽매이지 않고 ADA Title III, Section 508, EAA/EN 301549 및 기타 접근성 법률도 다룹니다.

수동 서비스를 사용하면 덜 간단합니다. 솔루션이 아닌 서비스이기 때문에 서비스에는 다양한 '수준'이 있으며 각 수준에는 자체 가격표가 있습니다. 따라서 수동 서비스 회사에 접근할 때 먼저 관심이 있거나 비용을 지불할 수 있는 규정 준수 수준을 결정해야 합니다.

또한 감사 보고서를 받은 후 웹 사이트를 수정하는 데 필요한 노력을 파악해야 합니다. 일부 웹사이트 소유자는 상당한 노력이 필요하다는 사실을 깨닫고 이 시점에서 완전한 규정 준수를 '포기'합니다. 이를 피하고 수동 서비스로 웹 사이트에 액세스할 수 있도록 하는 데 할당해야 하는 정확한 시간, 인력 및 자금을 사전에 완전히 이해해야 합니다.

한 가지 알아야 할 사항 - 규정 준수는 척도가 아닙니다. '거의 준수', '매우 준수하지 않음' 또는 '매우 불만'일 수 없습니다. 미국에서는 준수하거나 준수하지 않습니다. 도미노 피자는 스크린 리더를 사용했음에도 불구하고 웹사이트나 모바일 앱에서 음식을 주문할 수 없었던 시각 장애인에 의해 접근성 소송 을 당했습니다. 이 사건은 대법원까지 올라갔고 회사 측 주장에 불복해 판결을 내렸습니다.. 장애인이 웹사이트에 접근할 수 없다는 이유로 도미노가 소송을 당한 회사는 도미노뿐만이 아닙니다. Nike와 Netflix도 매년 수천 개의 소규모 회사와 함께 소송을 당했습니다. 2019년에만 2,256건입니다.

접근성 소송

[이미지 출처: Sayfarth Shaw LLP ]

accessiBe 대 수동 서비스: 프로젝트 기간

accessiBe를 사용하면 웹사이트에 코드 한 줄을 삽입하는 순간부터 WCAG를 완전히 준수할 때까지 최대 48시간이 걸립니다.

수동 접근성 서비스를 사용하면 몇 주에서 몇 달까지 걸릴 수 있습니다. 몇 가지 변수에 따라 달라집니다. 웹사이트의 페이지 수, 서비스 제공업체를 고용하여 수정 작업을 수행하는지 아니면 자체 개발 팀이 수정 작업을 수행하는지 여부, 두 경우 모두 이러한 노력을 얼마나 빠르고 효율적으로 처리할 수 있는지, 지출할 수 있는 예산이 얼마인지.

프로젝트 기간에 영향을 미치는 방법의 차이점은 자동화입니다. 웹사이트의 코드를 수동으로 조정하고 있고 페이지가 많은 경우 한 줄씩 수행해야 합니다. 당연히 이것은 가장 숙련된 접근성 개발자에게도 시간이 걸리는 과정입니다.

반면 accessiBe는 AI와 자동화를 사용하여 규정 준수를 달성합니다. 이러한 프로세스는 나란히 작동하여 모든 접근성 결함을 검사 및 플래그 지정하고 WCAG 지침에 따라 조정하며 24시간 유지 관리 검사를 수행하여 사이트에 어떤 콘텐츠 조정이 수행되더라도 규정 준수 수준이 그대로 유지되도록 합니다. 이 모든 것이 자동으로 수행되므로 사람이 얼마나 빨리 일할 수 있는지에 의존하지 않습니다.

accessiBe 대 수동 서비스: 가격

accessiBe는 간단하고 투명한 가격 체계를 가지고 있습니다. 여기있어:

accessiBe 가격

가격에는 지속적인 규정 준수가 포함됩니다 (다음 섹션에서 이에 대해 다룹니다).

수동 접근성 서비스 회사 중 어느 것도 프로젝트 범위 자체에 따라 다르기 때문에 웹 사이트에 가격이 나열되어 있지 않습니다. 수백 페이지 범위의 소규모 웹사이트에 대한 기본 감사에는 수천 달러가 소요됩니다. 그리고 이것은 단지 감사를 위한 것입니다. 서비스 공급자가 코드에 삽입하도록 하는 데 추가 비용을 지불하든, 개발 팀이 이를 수행하는 데 몇 시간을 투자하든 상관없이 수정 비용을 추가하십시오. 교정 프로세스는 일반적으로 감사보다 비용이 적게 들지 않습니다. 그래서 당신은 감사와 개선을 위해 비싼 가격표를 보고 있습니다.

accessiBe 대 수동 서비스: 장기적 효과

WCAG 규정 준수의 장기적 측면은 웹사이트 소유자가 가장 흔히 간과하는 부분입니다. 간단하게 설명할 수 있습니다.

당신이 당신의 '접근성 프로젝트'를 진지하게 받아들였다고 가정해 봅시다. 일류 수동 접근성 서비스 회사를 고용하고 긴 감사 프로세스를 거쳤으며 회사 팀에서 수행한 수정에 대해 추가 비용을 지불했습니다. 그런 다음 웹사이트에 다른 공급업체의 접근성 인터페이스를 구현하고 필요한 모든 통합을 수행했습니다. 몇 달 간의 합동 집중 노력 끝에 귀하의 웹사이트는 100% 불만 사항이었으며 장애가 있는 사람들도 완전히 액세스할 수 있었습니다.

일주일 후 온라인 상점에 27개의 새 항목을 추가하고 특별 가을 판매 전용 페이지에 함께 묶었습니다. 가을 판매를 알리고 방문자를 페이지로 안내하는 배너를 홈 페이지에 추가했습니다.

이게 어디로 가는지 보이시죠? 웹사이트의 이러한 새 항목, 페이지 및 배너의 접근성 측면은 어떻습니까? 감사 및 수정 완료 - 지금 무엇을 하고 계십니까? 새 페이지만 감사합니까? 그게 가능할까요? 탐색 호환성은 어떻습니까? 모든 새 이미지에 적절한 ALT 텍스트가 있습니까?

두 가지 개념이 매우 명확해야 합니다. 첫째, 접근성 준수는 지속적인 노력입니다. 2 개는, 수동 접근성 감사는 시간에 당신의 웹 사이트의 접근성 문제의 스냅 샷입니다.

오늘날의 웹사이트는 동적이고 지속적으로 업데이트되기 때문에 특히 전자상거래 웹사이트에서 접근성 감사의 개념은 독립 실행형 조치로 이해가 되지 않습니다. '감사'가 의미가 있는 유일한 방법은 지속적인 프로세스입니다.

수동 접근성 서비스는 이 사실을 알고 있으며 실제로 일부 서비스는 추가 비용으로 접근성 유지 관리를 제공합니다.

이 섹션의 위 섹션에서 언급한 것처럼 accessiBe에는 제공하는 모든 계획에 지속적인 유지 관리가 포함됩니다. 별도의 가격표가 있는 별도의 감사 및 유지 관리 서비스가 없습니다. accessiBe의 AI 엔진은 24시간마다 웹사이트를 정기적으로 스캔하여 변경 사항을 식별하고 WCAG 지침을 준수하도록 수정합니다.

따라서 accessiBe에 대한 수동 서비스의 장기적인 효율성을 고려하면 두 가지 사용 사례로 나누어야 합니다. 수동 서비스를 통한 일회성 감사 및 수정에 대해 이야기하는 경우 3-6개월 사이에 감사가 완료되는 순간부터 장기적인 효율성이 감소하기 시작합니다. 새로운 접근성 문제를 식별하기 위해 일반적으로 월별 '소형 감사'와 같은 유지 관리에 대해 추가 비용을 지불할 수 있습니다. 그러면 장기적인 효율성이 유지되지만 추가 비용과 개선 방법을 모두 고려해야 합니다. 감사에는 문제를 수정하는 것이 아니라 문제를 식별하는 것만 포함됩니다.

결론

장애가 있는 사람들이 웹사이트에 액세스할 수 있도록 하는 것은 더 이상 새로운 행위가 아닙니다. 미국에서는 이제 법으로 요구되며 유사한 법이 다른 곳에서도 따를 것입니다. 법을 어기면 처벌받을 수 있습니다. 웹 접근성의 경우 소송을 당할 수 있습니다. 미국 성인의 25% 정도가 일종의 장애로 고통받고 있으며 다른 지역에서도 비슷한 수치를 보입니다. 그리고 그렇게 많은 잠재 고객에 대한 액세스를 허용하지 않는 것은 비즈니스에 적합하지 않습니다.

마케터로서 우리는 시간이 부족합니다. 우리는 이미 처리해야 할 것이 너무 많습니다. 따라서 가장 좋은 솔루션은 소중한 시간을 들이지 않고 문제를 해결하는 것입니다. 수동 수정이 포함된 접근성 프로젝트에는 다른 곳에서 사용할 수 있는 막대한 시간과 비용이 소요됩니다. 자동화된 솔루션은 그렇지 않습니다.

이 비교의 유일한 논리적 결론은 다음과 같습니다. 수동 접근성 서비스와 비교할 때 accessiBe 및 기타 자동화 공급자는 웹사이트에 액세스할 수 있도록 만드는 프로세스를 단순화할 뿐만 아니라 지속적으로 WCAG를 준수하도록 유지합니다. 훨씬 더 짧은 시간에 더 포괄적인 방식으로 훨씬 저렴한 비용으로