웹 접근성 소송: 4가지 실제 사례 및 주요 시사점

게시 됨: 2023-04-24

미국에서는 6,100만 명이 넘는 개인이 장애를 가지고 살고 있습니다(CDC). 인구의 많은 부분을 배제하는 것은 비즈니스 측면에서 막대한 기회를 놓치는 것을 의미합니다. 액세스 가능한 웹 사이트를 구축하는 것은 도덕적 및 법적 이유로 가장 중요합니다. 웹 디자인 서비스의 일부로 액세스 가능한 디자인을 제공하는 것은 클라이언트에게 중요한 부가 가치이며 경쟁업체와 확실히 차별화할 수 있습니다.

디지털 접근성은 놀라운 웹사이트 구축에서 시작됩니다. "현지 비즈니스에 웹사이트 서비스를 판매하기 위한 6단계 가이드"를 다운로드하여 지금 바로 고객에게 접근성을 제공하십시오.

이 기사에서는 미국 장애인법(ADA)의 핵심 사항을 소개하고 접근성 소송을 일으킨 일부 웹 사이트를 소개합니다. 또한 비용이 많이 드는 법적 문제를 피하고 고객의 웹 사이트에 사용자가 계속 액세스할 수 있도록 하는 몇 가지 팁과 모범 사례를 제공합니다.

목차

  • 웹 접근성이 중요한 이유는 무엇입니까?
  • 미국 장애인법(ADA)이란 무엇입니까?
  • 웹 접근성 소송의 실제 사례
    • 도미노피자 vs 기예르모 로블레스
    • 메리 코너 vs. 파크우드 엔터테인먼트
    • 길 대 윈딕시
    • 청각 장애인 협회 대 Harvard + MIT
  • 접근성을 위한 웹사이트 디자인 팁 및 모범 사례
    1. WCAG 2.1 지침 이해
    2. 키보드 접근성을 위한 디자인
      • 키보드 포커스
      • 탭 순서
      • 키보드 트랩 없음
    3. 이미지에 대한 대체 텍스트 제공
      • 효과적인 대체 텍스트를 만들기 위한 팁
    4. 적절한 색상 대비 사용
    5. 액세스할 수 없는 콘텐츠 방지
    6. 웹사이트 접근성 테스트
  • 자주 묻는 질문
    • 접근성 소송이란 무엇입니까?
    • 가장 큰 접근성 소송은 무엇입니까?

웹 접근성이 중요한 이유는 무엇입니까?

접근할 수 없는 웹사이트는 청각 또는 시각 장애와 같은 장애가 있는 방문자를 배제할 위험이 있기 때문에 웹 접근성은 고객을 위한 사이트를 개발할 때 고려해야 할 중요한 문제입니다. 이것은 차별의 한 형태일 뿐만 아니라 잠재 고객 그룹을 배제함으로써 고객의 비즈니스 성장을 제한합니다.

또한 디지털 접근성은 법적 문제가 될 수 있습니다. 미국 장애인법(ADA)은 장애인을 위한 편의 시설을 제공하지 않는 것을 차별의 한 형태로 규정하고 있습니다. 이와 같이 웹 사이트 접근성 소송이 점점 더 보편화되고 있습니다. 2022년에는 미국에서 3,200건이 넘는 웹사이트 접근성 소송이 제기되었습니다(Codemantra). 규정을 준수하지 않는 비즈니스의 경우 이러한 소송은 막대한 법적 비용, 벌금 및 액세스 가능한 웹 사이트를 제공하지 못한 데 대한 나쁜 언론을 나타냅니다.

미국 장애인법(ADA)이란 무엇입니까?

미국 장애인법(Americans with Disabilities Act)은 장애가 있는 개인이 차별을 경험하지 않도록 보호하기 위해 개발되었습니다. ADA는 1990년에 법으로 제정되었으며 고용, 교통, 공공 시설(상점, 식당, 사무실 건물 등), 통신 등에서 차별을 금지합니다. ADA에 따라 웹사이트 및 기타 통신 플랫폼은 장애가 있는 개인을 위한 편의를 제공해야 합니다.

WCAG(웹 콘텐츠 접근성 지침)는 웹 콘텐츠 접근성에 대한 국제 표준을 설정하기 위해 WAI(Web Accessibility Initiative)에서 개발했습니다. ADA를 준수하고 장애가 있는 개인의 웹 브라우징 경험을 개선하기 위해 만들어졌습니다. 이 지침은 웹 디자이너가 장애가 있는 개인이 웹 사이트를 자유롭게 탐색할 수 있도록 하기 위해 필요한 다양한 편의 시설을 생각하는 데 도움이 됩니다. 접근 가능한 웹 사이트를 디자인할 때 표준이 됩니다.

웹 접근성 소송의 실제 사례

웹접근성 소송의 영향을 받을 가능성이 낮다고 생각하신다면 다시 생각해보세요. 이러한 소송은 점점 보편화되고 있으며 모든 규모의 비즈니스에 영향을 미칠 수 있습니다. 다음은 알아야 할 몇 가지 최근 사례입니다.

도미노피자 vs 기예르모 로블레스

2016년, 길예르모 로블스라는 시각 장애인은 온라인 플랫폼을 통해 맞춤형 피자를 주문하려다 여러 차례 실패한 후 피자 체인점인 도미노를 상대로 소송을 제기했습니다. 화면 판독기 소프트웨어의 도움이 있어도 Robles는 온라인으로 주문할 수 없었습니다. Robles는 소송에서 ADA를 인용하여 Domino's가 물리적 위치(공공 시설 장소)가 있는 사업체라는 점을 감안할 때 장애가 있는 개인이 웹사이트에 액세스할 수 있도록 해야 할 의무가 있다고 주장했습니다.

도미노는 1990년 법이 제정되었을 때 현재 형태로 존재하지 않았기 때문에 웹 플랫폼에서 ADA를 수용하기 위한 명확한 지침이 없다고 주장하며 반발했습니다.

궁극적으로 대법원은 Robles의 편을 들었습니다. 2021년 6월, 판사는 Domino's가 완전히 액세스 가능한 웹사이트를 제공하지 않아 ADA를 위반했다고 판결했으며 회사는 사이트를 WCAG 2.0 표준을 준수하도록 만들라는 명령을 받았습니다.

메리 코너 vs. 파크우드 엔터테인먼트

2019년에는 beyonce.com 웹사이트가 시각 장애인 방문자를 수용하지 못한 이유로 ADA를 위반했다고 주장하며 Beyonce의 Parkwood Entertainment 회사를 상대로 집단 소송이 제기되었습니다.

소송은 고도로 시각적인 플랫폼인 웹사이트가 사이트 전체의 이미지에 적절한 대체 텍스트를 제공하지 못하여 화면 읽기 소프트웨어를 사용하는 시각 장애인 방문자가 웹사이트를 통해 적절하게 해석하거나 구매할 수 없도록 만들었다고 주장합니다. 이 소송은 또한 액세스 가능한 탐색 링크 및 메뉴의 부족을 포함하여 웹 사이트에 대한 다른 불만 사항을 나열합니다. 이 소송의 결과는 아직 진행 중입니다.

길 대 윈딕시

식료품 소매업체인 Winn-Dixie를 상대로 한 2017년 소송에서 회사가 ADA를 위반했다고 비난했습니다. 원고인 Juan Carlos Gil은 자신의 스크린 리더가 웹사이트를 해석할 수 없어 제품을 주문하거나 계정 보상에 액세스할 수 없게 되자 소송을 제기했습니다. 원고는 웹사이트가 공공 시설의 장소로 간주되어야 하며 따라서 ADA 지침을 따라야 한다고 주장했습니다.

불행하게도 법원은 궁극적으로 웹사이트를 사용할 수 없는 고객이 매장을 방문할 수 있다고 말하면서 Winn-Dixie에게 유리한 판결을 내렸습니다. 그러나 소송에서 승소했음에도 불구하고 Winn-Dixie는 웹사이트를 WCAG 2.0 표준을 준수하여 향후 완전히 액세스할 수 있도록 보장하기 위해 노력했습니다.

청각 장애인 협회 대 Harvard + MIT

2015년 NAD(National Association of the Deaf)는 개별 원고와 협력하여 Harvard와 MIT를 상대로 소송을 제기했습니다. 이 소송은 각 대학이 청각 장애인과 난청이 있는 개인이 무료 온라인 콘텐츠에 동등하게 액세스할 수 있도록 하지 못한 것에 대해 ADA를 위반했다고 주장했습니다.

이러한 웹 사이트 접근성 소송을 기각하기 위해 두 대학에서 여러 번 시도한 후 법원에서 그들의 제안이 반복적으로 거부되었습니다. 2020년에 두 소송 모두 Harvard와 MIT가 난청이 있는 개인이 동등하게 액세스할 수 있도록 공개적으로 사용 가능한 온라인 콘텐츠를 업데이트해야 하는 합의에 도달했습니다.

접근성을 위한 웹사이트 디자인 팁 및 모범 사례

웹 접근성은 도덕적 관점에서 중요합니다. ADA 준수 웹사이트를 통해 고객은 일부 인구에 대한 차별을 피할 수 있습니다. 또한 액세스할 수 없는 웹사이트는 고객의 제품이나 서비스 혜택에서 제외됩니다. 웹사이트를 디자인할 때 디지털 접근성을 고려하려면 다음 웹사이트 디자인 팁을 따르십시오.

1. WCAG 2.1 가이드라인 이해

WCAG 2.1 지침을 이해하는 것은 ADA 준수 웹사이트를 만드는 첫 번째 단계입니다. 이 가이드라인은 시각 장애, 맹인, 청력 상실, 광과민성 등을 포함하여 다양한 장애가 있는 개인에게 권장되는 편의 시설을 설명합니다. 이 문서는 진화하고 있으므로 웹 개발에 종사하는 모든 사람은 웹 접근성 표준에 대한 정보를 유지하고 새로운 표준이 도입됨에 따라 적응할 준비를 해야 합니다.

WCAG 지침은 매우 상세하지만 액세스 가능한 웹 사이트의 일부 필수 요소는 다음과 같습니다.

  • 웹사이트 이미지 및 시각적 요소에 대한 적절한 설명을 제공하는 대체 텍스트
  • 웹 사이트 텍스트와 배경 사이의 강한 색상 대비
  • 키보드(마우스나 트랙패드 없이)를 사용하여 웹사이트를 탐색하는 기능
  • 비디오 콘텐츠에 자막 제공
  • 그리고 더…

아래에서 이러한 각 요소를 자세히 살펴보겠지만 이는 액세스 가능한 웹 사이트를 만드는 데 필요한 작업의 시작일 뿐입니다. WCAG 2.1 지침을 검토하여 고객을 위해 구축한 모든 웹 사이트가 규정을 준수하는지 확인하십시오.

2. 키보드 접근성을 위한 디자인

시각 장애나 운동 장애가 있는 웹 사이트 방문자는 컴퓨터 마우스나 트랙패드를 사용하는 데 어려움을 겪을 수 있습니다. 대신 이러한 개인은 키보드 접근성을 사용하여 웹 사이트를 탐색합니다. 다음은 키보드 액세스 웹사이트의 핵심 구성 요소입니다.

키보드 포커스

키보드 포커스 요소는 버튼, 링크, 확인란 또는 키보드를 사용하여 트리거하거나 활성화할 수 있는 필드와 같은 항목입니다. 키보드 액세스 웹 사이트에서 사용자는 키보드를 통해서만 이러한 각 요소를 제어할 수 있습니다. 키보드 포커스는 텍스트 필드나 버튼 주변의 컬러 윤곽선과 같이 특정 요소가 선택되었음을 시각적으로 표시하는 것입니다. 이 초점 표시기는 개인이 주어진 시간에 조작하고 있는 웹 사이트 요소를 식별하는 데 필수적입니다.

탭 순서

탭 키는 하나의 키보드 포커스 요소에서 다음 요소로 이동하는 데 사용됩니다. 논리적 탭 순서는 키보드 접근성 기능에 의존하는 개인에게 긍정적인 사용자 경험을 유지하는 데 중요합니다. 대부분의 경우 탭 순서는 페이지의 시각적 흐름과 일치해야 합니다. 즉, 페이지에 나타나는 순서대로 요소를 선택해야 합니다. 그러나 가장 직관적인 탭 순서는 페이지 디자인에 따라 다를 수 있습니다.

키보드 트랩 없음

"키보드 트랩"이라는 용어는 웹 사이트를 키보드로 탐색할 때 발생할 수 있는 오류를 말합니다. 예를 들어 사용자가 특정 포커스 요소에서 벗어날 수 없는 경우 키보드 트랩으로 간주됩니다. 팝업 창, 위젯, 갤러리 등 웹 사이트의 모든 측면을 철저하게 테스트하여 사이트에 키보드 트랩이 없는지 확인하는 것이 중요합니다. 브라우징 경험에 필수적이므로 빈 상태 페이지에서 키보드 트랩도 테스트하는 것을 잊지 마십시오.

3. 이미지 대체 텍스트 제공

"대체 텍스트" 또는 대체 텍스트는 웹 사이트 이미지의 메타데이터에 포함된 설명 문구 또는 문장입니다. 시각 장애가 있는 개인은 스크린 리더 소프트웨어를 사용하여 웹사이트를 탐색하며 이러한 스크린 리더는 대체 텍스트를 사용하여 웹사이트의 시각적 요소를 설명합니다. 편집 이미지, 그래프, 인포그래픽, 다이어그램, 일러스트레이션 및 아이콘을 포함하여 사이트의 모든 비장식적 이미지에는 대체 텍스트가 포함되어야 합니다.

효과적인 대체 텍스트를 만들기 위한 팁

대부분의 경우 대체 텍스트는 이미지에 대한 컨텍스트를 제공하면서 짧고 핵심적이어야 합니다. 예를 들어 래브라도 리트리버에 대한 웹사이트에서 줄다리기를 하는 두 마리의 개 사진을 설명한다고 가정해 보겠습니다. 효과적인 대체 텍스트의 예는 "Two Labradors play tug"입니다. 이 텍스트는 이미지에 있는 개 품종을 지정하여 컨텍스트를 제공하면서 이미지를 정확하게 설명합니다.

다이어그램이나 그래프와 같은 보다 복잡한 시각적 개체의 경우 그래프가 표시하는 내용을 전달하기 위해 2~3개의 대체 텍스트 문장이 필요할 수 있습니다. 예를 들어, 그래프가 연령에 따른 래브라도 리트리버의 평균 체중을 표시하는 경우 대체 텍스트는 "그래프는 래브라도 리트리버의 체중이 일반적으로 4개월에 X파운드, 9개월에 X파운드임을 보여줍니다..."라고 말할 수 있습니다.

대체 텍스트를 작성할 때 누군가가 이미지를 볼 수는 없지만 이미지가 전달하는 내용을 이해할 수 있도록 충분한 정보를 설명에 제공해야 합니다.

4. 적절한 색상 대비 사용

텍스트와 웹 페이지 배경 사이에 적절한 색상 대비를 통합하는 것은 웹 접근성에 필수적입니다. 색상 대비가 충분히 강하지 않으면 시각 장애가 있는 사용자가 사이트를 효과적으로 읽고 탐색하는 데 어려움을 겪을 수 있습니다. 이것은 끔찍한 사용자 경험을 제공할 뿐만 아니라 사이트 소유자를 웹 사이트 접근성 소송에 취약하게 만듭니다.

사이트의 색상 대비가 너무 미묘하면 시각 장애가 있는 사용자가 텍스트를 읽기 어려워 사용자 경험이 저하될 수 있습니다. WCAG 2.1 가이드라인에서는 웹 사이트의 일반 텍스트에 대해 4.5:1의 명암비와 큰 텍스트에 대해 3:1의 명암비를 권장합니다.

WCAG 2.1 지침은 색상 대비에 대한 권장 사항도 제공합니다. 디자인한 사이트의 글꼴 색상과 배경 색상이 충분한 대비를 제공하는지 확실하지 않은 경우 온라인 도구를 사용하여 확인할 수 있습니다. Google에서 "웹사이트 접근성 검사기"를 빠르게 검색하면 몇 가지 옵션이 제공됩니다. 고객에게 웹사이트 디자인 서비스를 제공할 때 트렌디한 색상이나 디자인보다 색상 대비를 우선시해야 합니다.

5. 액세스할 수 없는 콘텐츠 피하기

웹 사이트의 모든 콘텐츠는 장애가 있는 개인이 액세스할 수 있어야 하므로 색상 대비 및 대체 텍스트 요구 사항이 있습니다. 웹 사이트에서 비디오 콘텐츠를 호스팅하는 경우 청각 장애가 있는 사용자가 콘텐츠에 액세스할 수 있도록 비디오에 오디오 설명 또는 캡션이 있어야 합니다. 다행스럽게도 비디오 콘텐츠를 기록하는 데 도움이 되는 많은 기록 서비스를 사용할 수 있으며 Rev 및 Otter Ai와 같은 서비스를 통해 비디오 캡션을 쉽고 저렴하게 얻을 수 있습니다.

요즘 모바일 장치를 사용하는 웹사이트 방문자가 너무 많아 청각 장애가 없는 개인도 동영상의 자막을 좋아합니다. 캡션을 사용하면 오디오가 방해가 되거나 잘 들리지 않는 공공 장소에서 비디오 콘텐츠를 사용할 수 있습니다. 이를 염두에 두고 비디오에 캡션을 포함하면 비디오를 더 쉽게 소비할 수 있어 조회수가 증가할 수 있습니다.

6. 웹사이트 접근성 테스트

접근 가능한 웹사이트를 디자인하는 것과 접근성 기능에 의존하는 사람으로서 웹사이트를 탐색하는 것은 별개의 문제입니다. 웹 사이트 접근성 테스트는 사이트가 장애가 있는 개인에게 진정으로 기능하는지 확인하는 데 필수적입니다. 이렇게 하면 웹 사이트 접근성 소송으로부터 고객을 보호할 뿐만 아니라 장애가 있는 고객을 실수로 제외하는 것을 방지할 수 있습니다.

웹사이트 접근성 검사기는 클라이언트 사이트의 접근성 문제를 정확히 찾아내는 좋은 방법입니다. EqualWeb 및 AccessiBe와 같은 도구는 수많은 접근성 검사기의 몇 가지 예에 불과합니다. 이러한 도구는 웹사이트를 스캔하고 웹사이트가 ADA를 준수하는지 확인하기 위해 수정할 수 있는 규정 준수 문제를 식별합니다.

다양한 접근성 검사기는 서로 다른 규정 준수 표준을 스캔의 기초로 사용하므로 ADA 및 WCAG 2.1 규정 준수를 스캔하는 검사기를 선택해야 합니다. 그렇지 않으면 검사기가 고려해야 할 모든 접근성 문제를 파악하지 못할 수 있습니다.

자주 묻는 질문

접근성 소송이란 무엇입니까?

웹사이트 접근성 소송은 사이트가 웹 접근성에 관한 ADA 지침을 준수하지 않는 웹사이트 소유자에 대한 소송입니다. 즉, 장애가 있는 개인이 웹 사이트에 액세스할 수 없는 경우 기업이나 개인이 고소당할 수 있습니다.

가장 큰 접근성 소송은 무엇입니까?

현재까지 가장 큰 접근성 소송은 National Federation of the Blind v. Target Corporation이었습니다. 소송은 2018년에 6백만 달러에 합의되었습니다.