웹사이트 접근성 소송이 증가하고 있습니다: WordPress 사이트가 ADA를 준수하는 방법

미국 장애인법(ADA)에 대해 얼마나 잘 알고 계십니까? 불행하게도, 매년 더 많은 웹사이트 소유자가 ADA를 준수하지 않아 소송을 당할 때 어려운 방법을 배우고 있습니다. ADA는 장애가 있는 개인이 주택, 고용, 교통, 공공 시설, 통신 및 정부 프로그램 또는 서비스에 대해 지방자치단체 수준까지 공정하고 평등하게 접근할 수 있도록 하기 위해 설립되었습니다.

선도적인 국제 로펌인 Seyfarth Shaw LLP는 2022년에 "장애가 있는 원고가 웹사이트가 액세스 가능하도록 설계되지 않았거나 보조 기술을 사용하여 작업할 수 없기 때문에 웹사이트를 사용할 수 없다고 주장하는" 소송이 3,255건 연방 법원에 제기되었다고 보고했습니다. ” 2010년 이후 매년 이 수치는 10% 이상 증가했습니다. 웹 사이트 관련 접근성 소송은 이제 모든 ADA Title III 소송의 37%를 차지합니다.

그렇다면 "WordPress ADA 준수"란 무엇을 의미합니까?

ADA는 온라인에도 적용됩니다

ADA 법안은 장애인을 위한 접근성이 단지 물리적 세계에서 일어나는 일이 아니라는 점을 분명히 했습니다. 또한 많은 사람들이 일하고 많은 시간을 보내는 디지털 공간에도 적용됩니다. 주요 서비스를 제공하는 직장과 공공 장소 또는 사무실은 모든 사람이 접근할 수 있어야 합니다. 웹사이트도 마찬가지입니다.

그리고 디지털 세계에는 귀하가 소유하고 운영하는 WordPress 웹사이트가 포함됩니다.

이것이 ADA를 완벽하게 준수하는 WordPress 사이트를 구축해야 하는 이유입니다.

좋은 소식은 많은 소프트웨어 프로그램과 전문 도구가 WordPress 사이트 소유자로서 ADA를 준수하는 데 도움이 된다는 것입니다. 몇 가지 확립된 관행을 따르고 몇 가지 중요한 도구를 사용하십시오. 이렇게 하면 장애가 있는 개인을 포함하여 모든 사람이 사이트 콘텐츠를 사용할 수 있고 액세스할 수 있습니다.

이 가이드에서는 미국 장애인법과 잠재적인 법적 조치를 피하기 위해 온라인 자산에서 이 법을 준수해야 하는 이유에 대해 자세히 설명합니다. 액세스 가능한 웹 사이트를 구축해야 하는 다른 많은 이유가 있으며 사이트 소유자에게 직접적인 이점이 있습니다.

마지막으로 오늘부터 사용할 수 있는 4가지 주요 접근성 팁에 대해 설명하겠습니다.

한 번 보자.

WordPress 웹사이트가 ADA를 준수해야 하는 이유

미국 연방법에는 모든 기업이 개인의 신체적 능력에 따라 직업이나 주택을 거부하는 것을 완전히 금지하는 강력한 보호 장치가 포함되어 있습니다.

ADA는 다음에 대한 공정한 접근을 요구합니다.

• 공공 장소
• 운송
• 교육
• …그리고 더…

물리적 세계를 넘어 ADA 보호는 모든 정보 기술 및 전자 접근성으로 확장됩니다.

이 때문에 ADA 규정 준수는 게시된 거의 모든 웹사이트에 영향을 미칩니다. 법이 존재하지 않더라도 가능한 한 많은 사용자가 WordPress 사이트에 액세스할 수 있도록 하는 것은 여전히 ​​좋은 방법입니다.

보다 구체적으로, ADA는 개인이 최소 15명의 직원이 있는 민간 고용주인 경우 접근성 정책을 준수해야 한다고 명시적으로 명시하고 있습니다.

또한 등록된 자선 단체와 같이 공익을 위해 운영되는 사업체를 소유하고 있는 경우 ADA 준수는 필수입니다.

그 외에도 학교 사이트를 포함한 모든 지역 및 주 정부 기관 웹사이트는 100% ADA를 준수해야 합니다.

WordPress ADA 호환 웹사이트가 있다는 것은 무엇을 의미합니까?

먼저 ADA에서 시행하는 몇 가지 웹사이트 접근성 표준을 살펴보겠습니다.

• ADA 준수 웹사이트는 시각 장애가 있는 사이트 사용자가 화면 판독기를 사용하여 사이트의 콘텐츠를 인식할 수 있도록 해야 합니다.
• 사이트는 모든 오디오 콘텐츠의 전사 또는 자막을 제공해야 합니다. 이를 통해 청각 장애인 사용자가 사이트의 콘텐츠를 섭취할 수 있습니다.
• 기존 컴퓨터 마우스를 사용할 수 없는 사용자가 사이트를 탐색할 수 있도록 지원하는 키보드 탐색 기능이 필요합니다.
• WordPress ADA 호환 사이트는 색맹이거나 감광성이 있는 사용자를 수용하는 데 도움이 되는 액세스 가능한 시각적 디자인을 구현합니다.

이것은 ADA 준수 표준의 포괄적인 목록이 아님을 명심하십시오. 이 가이드를 진행하면서 WordPress 사이트가 모든 ADA 요구 사항을 충족할 수 있는 방법에 대한 전체 세부 정보를 얻을 수 있습니다. 접근성의 기술적 측면을 계속 진행하면서 큰 그림(및 그 이점)을 염두에 두십시오.

ADA 준수 WordPress 웹사이트가 없는 경우 가능한 결과는 무엇입니까?

귀하의 사이트가 이러한 표준을 완전히 충족하지 못하는 경우 법률에 문제가 있을 수 있음을 기억하십시오. 이는 장애가 있는 개인이 WordPress 웹사이트에 쉽게 액세스하고 사용할 수 없도록 배제하려는 의도가 없는 경우에도 해당될 수 있습니다. 사실 ADA 준수의 경우 그 의도는 법과 별개입니다.

그리고 이것은 이론적인 위협이 아닙니다. 최근 몇 년 동안 ADA를 준수하는 웹사이트와 관련된 몇 건의 세간의 이목을 끄는 소송이 제기되었습니다. 이러한 소송 중 가장 광범위하게 다루어진 소송은 Domino's Pizza 브랜드에 대한 소송이었습니다. 이 사건은 미국 대법원까지 올라갔습니다.

장애가 있는 사람들이 더 쉽게 접근할 수 있는 WordPress 사이트를 구축하는 것은 옳은 일이 아닙니다. 또한 브랜드와 전반적인 비즈니스에 큰 도움이 될 수 있습니다.

WHO(세계보건기구)에 따르면 전 세계적으로 약 13억 명의 사람들이 적어도 한 가지 유형의 장애를 가지고 있습니다. 이것은 전 세계 인구의 약 16%입니다. 이것은 귀하의 사이트를 방문하는 많은 잠재적인 신규 고객과 시청자입니다.

접근성 소송에서 패한 Target은 무엇을 배웠습니까?

W3C(World Wide Web Consortium) 웹 접근성 이니셔티브는 주요 미국 기업의 접근성 문제 웹사이트인 target.com을 상대로 한 영향력 있는 초기 ADA 소송에 대한 사례 연구를 제공합니다. NFB(National Federation of the Blind)는 Target의 웹사이트에 주요 접근성 기능이 없었기 때문에 이 사건의 원고로서 승소했습니다.

• 화면 판독기를 사용하여 시각 장애인을 위한 이미지를 설명하는 대체(대체) 텍스트
• 마우스를 사용하지 않고 온라인 구매를 완료하기 위한 키보드 컨트롤
• 매장 위치를 ​​보여주는 액세스 가능한 이미지 지도
• 사이트 탐색을 지원하는 제목이 있는 적절한 표준 준수 시맨틱 HTML 페이지 디자인

오늘날 Target Corporation은 웹 접근성의 챔피언입니다. 다음은 2016년 Target의 최고 디지털 책임자이자 Target.com의 사장인 Jason Goldberger가 Target.com을 액세스 가능하고 ADA를 준수하도록 만들기 위해 10년 동안 일한 후 가장 자랑스러워했던 점을 설명하는 것입니다.

… 나는 정기적으로 여러 팀의 동료들이 아무런 지시 없이 접근성에 대해 이야기하고 우리의 알림 없이 계획에 반영하는 것을 듣습니다. 그것은 일상 대화의 일부가 되었고 항상 그런 것은 아니었기 때문에 꽤 놀랍습니다. 장애가 있는 사람들에 대해 생각하는 것은 디지털 팀의 필수적인 부분이며 저와 다른 시각 장애인 손님에게 Target을 특별하게 만드는 또 다른 부분입니다.

접근성은 구현에 있어서 매우 기술적일 수 있지만 이것이 지원하고 가능하게 하는 것의 큰 그림입니다. 즉, 고객 및 잠재 고객 의 요구 사항과 조화를 이루는 긍정적인 기업 문화입니다.

WordPress ADA 준수 웹 사이트를 얻는 방법

이제 여러분은 미국 장애인법이 무엇이며 왜 그렇게 중요한지에 대해 전반적으로 이해하셨습니다. 다음으로 WordPress 사이트를 규정에 맞게 만드는 방법을 살펴보겠습니다.

거기에 도달하기 위해해야 ​​할 네 가지 사항이 있습니다.

1. ADA 준수 WordPress 사이트의 모습 알아보기

미국 법무부는 아직 ADA에 대한 공식 준수 지침을 발표하거나 발표하지 않았습니다. 그러나 몇 가지 확실한 권장 사항을 제공합니다.

WCAG에 익숙해지기

특히 ADA는 모든 조직이 웹 콘텐츠 접근성 지침(WCAG), 2.0 레벨 AA를 따를 것을 적극 권장합니다.

이 가이드라인은 모든 사이트 방문자가 WordPress 사이트에 표시되는 모든 정보를 인식할 수 있어야 한다고 명시적으로 명시합니다. 이를 위해 사이트 소유자는 사이트에 올라오는 미디어에 대한 대안을 제공해야 합니다.

비디오 자막

예를 들어 YouTube를 살펴보십시오. ADA 준수가 요구됨에 따라 플랫폼에서 호스팅되고 재생되는 모든 비디오 및 오디오 콘텐츠에 대한 자막을 자동으로 제공합니다.

접근 가능한 양식

예를 들어 제안된 입력 프롬프트를 사용하여 사이트 사용자가 연락처 양식에 입력해야 하는 정보를 명확히 할 수 있습니다.

그 외에도 사용자가 잘못된 정보를 양식에 입력하는 경우 이러한 입력 오류를 수정하기 위해 할 수 있는 작업에 대한 간단한 권장 사항을 제공하려고 합니다.

이렇게 하면 유효하지 않은 사용자 입력이 포함된 일반 오류 메시지만 표시하는 것보다 훨씬 더 유용하고 액세스할 수 있습니다.

화면 판독기 및 키보드 탐색 지원

화면 판독기를 사용하여 사이트와 상호 작용하는 일부 사이트 방문자가 이미 있을 수 있습니다. 이 작업을 수행하는 사람들에게 설명 대체 텍스트는 WordPress 사이트에 표시되는 이미지를 이해하는 데 매우 유용합니다.

수동 또는 시각적 손재주 문제가 있는 개인은 종종 키패드나 키보드와 같은 탐색 컨트롤을 사용하여 웹 사이트와 상호 작용하는 것이 훨씬 더 쉽다는 것을 알게 됩니다. 이 작업을 수행하는 사용자의 경우 일관되고 명확한 사이트 탐색 구조를 원할 것입니다.

현재 초점이 맞춰진 요소의 시각적 표시를 제공할 수도 있습니다. 이러한 요소는 다음에 사이트 방문자가 키보드에서 'Return' 키를 누르는 것과 같은 작업을 수행할 때 활성화됩니다.

2. ADA 준수 검토를 수행하여 현재 위치 확인

접근성은 단순한 주제가 아닙니다. 실제로 사용자 친화적인 WordPress 사이트를 만드는 데 사용되는 다양한 디자인 광고 인터페이스 요소를 포함하는 거대한 주제입니다. 웹사이트 소유자가 접근성 관련 요소 하나만 간과하면 사이트 사용자(및 잠재 고객)가 사이트에서 긍정적인 경험을 하지 못하게 될 수 있습니다.

웹사이트 접근성 평가(WAVE)

접근성 표준에 비추어 사이트의 사용자 경험(UX) 품질 평가를 시작하기에 좋은 곳은 웹사이트 접근성 평가(WAVE)라는 도구 모음입니다. WAVE는 WordPress 사이트를 스캔하고 접근성과 관련된 모든 잠재적인 문제를 나열합니다. 이것은 사이트 유용성에 영향을 미칠 수 있는 광범위한 문제를 식별하는 데 도움이 되는 매우 유용한 도구입니다.

WAVE에서 이 목록을 볼 때 함께 제공되는 아이콘을 클릭하여 감지된 각 접근성 오류에 대한 자세한 정보를 얻을 수 있습니다. 이 도구는 유용성과 관련된 각 문제에 대해 더 많은 통찰력을 제공할 리소스를 제안하기도 합니다.

안타깝게도 WAVE는 한 번에 하나의 웹 페이지만 스캔할 수 있는 제한된 도구입니다. 전체 WordPress 사이트 스캔 프로세스를 가속화하려면 선호하는 브라우저에 따라 Firefox용 WAVE 또는 Chrome용 WAVE 확장 프로그램을 설치하는 것이 좋습니다.

확장 프로그램을 사용하면 현재 보고 있는 모든 웹페이지에서 WAVE를 실행할 수 있습니다.

3. 액세스 가능한 사이트를 만들 때 항상 WordPress ADA 호환 모범 사례를 따르십시오.

사이트의 접근성을 테스트하고 결과를 수집한 후에는 식별한 각 개별 문제를 해결할 차례입니다.

사이트의 콘텐츠를 완전히 파악하는 것이 중요합니다. 이미 게시한 항목에 대한 대체 미디어 출력을 제공할 수 있는지 고려하십시오.

전사 서비스

전문가가 콘텐츠를 전사할 수 없는 경우 캡션을 자동으로 생성하는 소프트웨어 도구가 있습니다.

불행히도 그들 중 일부는 때때로 약간 엉성하고 부정확합니다. 그러나 전사 소프트웨어 도구를 사용하는 것이 유일한 옵션이라면 콘텐츠 전사를 제공하지 않는 것보다 낫습니다.

또한 WordPress 사이트의 시각적 요소에 대체 텍스트를 제공하고 싶을 것입니다. 이 매우 유용한 방법은 스크린 리더와 같은 접근성 도구를 통해 웹 사이트를 경험하는 모든 사용자에게 큰 혜택을 줍니다.

ALT 텍스트 및 이미지

WordPress에서는 미디어 라이브러리에서 바로 이미지와 영상에 설명 대체 텍스트를 추가하는 것이 간단합니다.

또한 ADA 준수를 원하는 많은 WordPress 사이트 소유자는 웹사이트 이미지에 텍스트를 포함하지 않는 것이 최선이라는 것을 알게 되었습니다. 이미지에 많은 양의 텍스트가 있으면 대체 텍스트만 사용하여 시각 장애인에게 그래픽을 설명하기가 더 어려워집니다.

대신 코드를 사용하여 유사한 효과를 만들 수 있는지 고려하십시오. 예를 들어 전달하려는 정보를 일반 텍스트로 추가할 수 있습니다. 그런 다음 CSS를 사용하여 스타일을 지정합니다.

명암비

시각 장애가 있는 사이트 방문자를 완벽하게 지원하려면 모든 텍스트에 대해 명암비를 4.5:1 이상으로 유지하는 것이 좋습니다. 또한 모든 텍스트의 크기를 최대 200%까지 조정할 수 있게 만들고 싶을 것입니다.

문제는 사이트의 기능에 영향을 주지 않고 이러한 종류의 유연성을 제공하는 것입니다. 이를 위해서는 변경 사항을 적용하기 전에 많은 사용성 테스트를 수행해야 할 것입니다.

사이트에 영향을 미치는 접근성 문제에 대해 자세히 알아보려면 WAVE 도구를 통해 모든 사이트 콘텐츠를 실행하는 것이 중요합니다. 그런 다음 시간을 내어 WAVE가 제안하는 모든 리소스를 읽어 보십시오.

WCAG에서 설정한 지침은 접근성과 관련하여 업계 표준으로 널리 받아들여지고 있습니다. 그러나 WebAIM의 접근성 체크리스트도 살펴보는 것이 좋습니다. 이 도구는 WCAG 2.1 공식 사양을 압축하는 것을 목표로 합니다.

4. WordPress ADA 규정 준수를 개선하는 플러그인 설치

WordPress 리포지토리의 다양한 플러그인과 도구는 WordPress ADA 준수를 약속합니다. 예를 들어 WP ADA 준수 확인 기본을 사용하여 접근성 문제에 대해 전체 웹사이트를 빠르게 스캔할 수 있습니다.

WP ADA 준수 확인 기본

이 유용한 플러그인은 WAVE 도구와 마찬가지로 감지한 각 문제에 대한 자세한 정보를 제공하는 리소스를 제안합니다. 그러나 이를 통해 영향을 받는 코드에 대한 직접 링크도 얻을 수 있습니다. 이것은 접근성과 관련된 복잡한 문제를 해결해야 할 때 매우 유용합니다.

고려해야 할 또 다른 도구는 접근성 검사기 플러그인입니다. 이 플러그인은 대시보드 내에서 전체 WordPress 사이트를 스캔할 수 있도록 하면서 WAVE의 WordPress 전용 버전이 되려고 시도합니다.

디지털 접근성 검사기 균등화

워드프레스 웹사이트 소유자로서 접근성이 더 좋은 사이트를 만드는 방법에는 여러 가지가 있습니다. 그러나 사이트를 실행할 잘못된 테마를 선택하면 모든 노력을 무시할 수 있습니다.

WordPress.org 테마 저장소는 전문가가 디자인한 테마로 가득 차 있습니다. 그러나 가장 경험이 많은 WordPress 디자이너조차도 ADA 준수 및 접근성과 관련된 중요한 원칙을 간과하는 경우가 있습니다.

WP 접근성

이 문제를 해결하기 위해 WP 접근성 플러그인은 WordPress 테마 내에서 발생하는 문제를 해결합니다. 플러그인을 다운로드하고 활성화한 후 WordPress 대시보드 내에서 설정 > WP 접근성으로 이동해야 합니다.

여기에서 끄고 켤 수 있는 사이트 접근성과 관련된 다양한 설정을 볼 수 있습니다. 이는 테마 설정 방법에 따라 다릅니다.

설정에는 개선된 키보드 탐색을 위해 링크 :focus 상태에 개요를 추가하고 longdesc 사용하여 이미지 콘텐츠에 대한 자세한 정보를 제공하는 것이 포함됩니다.

접근성 오버레이를 사용하지 마세요

완벽하게 액세스할 수 있고 ADA를 준수하는 웹 사이트를 만드는 진정한 플러그 앤 플레이 솔루션은 없다는 점을 기억하는 것이 중요합니다. 일부 플러그인은 플러그 앤 플레이라고 주장할 수 있지만 불가능합니다. 컴플라이언스 플러그인은 사이트에서 문제를 검색하고 문제를 개선하기 위해 조정하는 데 적합합니다. 그러나 오버레이 접근 방식을 사용하려는 플러그인을 조심하십시오. 또한 플러그인을 다운로드하고 활성화하는 것만으로 100% WordPress ADA 준수를 제공한다고 주장하는 플러그인을 조심하십시오.

이러한 "접근성 오버레이"는 피해야 합니다.

ADA를 준수하는 WordPress 사이트를 만들 때입니다.

WordPress 사이트를 모든 사람이 액세스할 수 있도록 만드는 것은 분명히 사이트 소유자로서 옳은 일입니다. 그러나 잠재적인 법적 파급 효과로부터 귀하를 보호할 수도 있습니다.

그리고 귀하의 사이트가 ADA를 준수하는지 확인함으로써 잠재 고객 기반을 자동으로 확장할 수 있습니다.

WordPress ADA 호환 사이트를 만들기 위해 수행해야 할 단계를 요약하려면 다음을 수행하십시오.

1. 이미 ADA를 준수하는 웹사이트의 모습을 이해합니다.
2. 귀하의 사이트를 검토하여 이미 규정을 준수하고 있는지 확인하십시오. 이는 WAVE 도구(웹 사이트 접근성 평가)를 사용하여 수행할 수 있습니다.
3. 액세스 가능한 웹 사이트를 구축하기 위해 이미 입증된 모범 사례를 따르십시오.
4. WP Accessibility 및 WP ADA Compliance Check Basic과 같은 WordPress 플러그인을 설치합니다.

그 시점에서 사용자가 좋아할 WordPress ADA 호환 웹 사이트를 소유할 수 있습니다.

Kadence 테마 및 Kadence 블록을 다운로드하여 효과적인 웹사이트 구축

아름다운 디자인으로 매력적인 콘텐츠를 만들고 싶다면 Kadence Blocks는 기본 WordPress 편집기에서 바로 창의력을 발휘할 수 있는 도구를 제공합니다. 또한 다음 웹 디자인을 시작하는 데 도움이 되는 블록의 와이어프레임 라이브러리를 포함하여 사이트에 쉽게 포함할 수 있는 사전 제작된 수많은 콘텐츠를 즐기십시오. 영감과 빠른 개발에 좋습니다!

지금 다운로드

댄 크나우스

Dan Knauss는 StellarWP의 기술 콘텐츠 제너럴리스트입니다. 그는 1990년대 후반부터 오픈 소스에서 일하고 2004년부터 WordPress에서 일하는 작가, 교사 및 프리랜서였습니다.