귀하의 웹사이트는 ADA를 준수합니까? 궁극적인 체크리스트

미국 법무부(DOJ)가 미국 장애인법(ADA)에 따라 모든 디지털 기술에 장애가 있는 사람들이 쉽게 접근할 수 있어야 한다고 명령함에 따라 기술은 법률을 준수합니다.

1990년에 ADA가 처음 통과되었을 때 휠체어 및 엘리베이터용 경사로와 같은 시설이 필요한 사람들을 보호하려고 했습니다.

이제 ADA 준수는 WCAG(Web Content Accessibility Guidelines) 2.0을 자주 인용하는 미국 법무부의 웹사이트로 확장되었습니다.

WCAG 2.0은 저시력, 실명, 부분 또는 전체 청력 상실, 학습 장애, 언어 장애, 광과민증 등과 같은 장애가 있는 사람들이 웹사이트에 더 쉽게 접근할 수 있도록 하기 위한 여러 기준을 강조합니다.

그리고 ADA의 Title III에 따르면 액세스할 수 없는 구성 요소가 있는 웹 사이트는 장애인에 대한 차별로 취급됩니다.

이것은 무엇을 의미 하는가?

웹사이트가 ADA(또는 WCAG)를 준수하려면 장애가 있는 사람들이 액세스할 수 있어야 합니다. 이는 장애인을 포함한 모든 사람이 쉽게 웹사이트를 탐색하고 콘텐츠에 액세스하며 웹페이지의 여러 요소에 참여할 수 있어야 함을 의미합니다. 간단히 말해서 웹사이트는 효과적인 커뮤니케이션을 제공해야 합니다.

예를 들어, 보기 어려운 글꼴이나 색상은 시각 장애인을 차별할 수 있습니다. ADA는 그러한 관행을 금지합니다.

웹사이트가 ADA를 준수해야 하는 이유는 무엇입니까?

ADA 준수 사이트에는 다양한 이점이 있습니다. 한번 봐봐:

1. 벌칙 피하기

이것이 ADA 규정을 준수함으로써 얻을 수 있는 첫 번째 이점입니다. 기준을 충족하지 못하면 민사 집단 소송에 직면할 위험이 있습니다. 실제로 Brooks Brothers, Foot Locker, Kylie Jenner 및 Fordham University를 비롯한 많은 유명 브랜드가 ADA 호환 웹사이트가 없다는 이유로 소송을 당했습니다(출처: CWS).

2. 타겟 오디언스 증가

Service and Inclusion의 조사에 따르면 미국에는 약 5천만 명의 장애인이 있습니다. 이는 국가의 약 19%가 장애가 있음을 의미합니다. 따라서 웹 사이트에 액세스할 수 없으면 많은 고객을 잃게 됩니다.

예를 들어, 캡션이나 대체 텍스트 없이 제품의 장점을 설명하는 비디오나 이미지를 사이트에 업로드하면 청각 장애인이나 시각 장애인은 제품이 얼마나 좋은지 이해하지 못할 수 있습니다. 대체 텍스트의 요점은 화면 읽기 도구가 시각적 개체를 묘사할 수 있도록 하는 것입니다.

3. SEO 노력 개선

검색 엔진은 사용자 친화적인 인터페이스가 높은 웹사이트를 선호합니다. 귀하의 사이트가 WCAG(웹 콘텐츠 접근성 지침)를 다룬다면 스크린 리더, 검색 엔진 및 사용자 모두에게 호소력을 발휘하여 마침내 SEO(검색 엔진 최적화) 노력을 향상시킬 것입니다.

그렇기 때문에 메타 태깅, 동영상 대본 및 대체 텍스트를 심각하게 고려해야 합니다.

4. 평판 향상

ADA 준수 웹 사이트를 개발하면 대상 고객에게 심리적 영향을 줄 수 있습니다. 예를 들어, 시각 장애가 있는 사람들이 ADA 비준수 웹사이트를 방문하는 경우 브라우징 경험에 관한 한 원시 거래를 받게 됩니다. 여기에서 ADA 준수 사이트가 훌륭한 사용자 경험을 제공하여 브랜드에 대한 긍정적인 인상을 줄 수 있습니다.

이제 ADA 준수의 중요성을 확신했으므로 웹사이트의 접근성을 개선하고 싶으십니까? 다음 섹션에서는 동일한 내용을 다룹니다. 그래서, 잠수.

접근성을 향상시키는 방법?

이상적으로는 모든 웹사이트는 사용자의 심리적 또는 신체적 장애에 관계없이 액세스/탐색할 수 있어야 합니다. 그렇기 때문에 다음 주요 단계에 따라 조치를 취하는 것이 좋습니다.

• 서체

텍스트는 웹 접근성에서 중요한 요소입니다. 따라서 서체에 주의를 기울이는 것이 중요합니다. ADA 친화적인 서체에는 Tahoma, Calibri, Arial, Times New Roman, Helvetica 및 Verdana가 있습니다.

• 색상 대비

텍스트와 배경 사이의 적절한 색상 대비는 색맹과 같은 시각 장애가 있는 사람들에게 도움이 됩니다.

텍스트 색상의 선택도 중요합니다. 특히 의미를 전달하기 위해 텍스트 색상을 사용하는 것은 삼가야 합니다.

• 글꼴 크기

웹 페이지의 적절한 글꼴 크기는 사용자가 콘텐츠를 쉽게 읽을 수 있도록 합니다. 웹사이트 사용을 위한 ADA 적용 글꼴 크기는 없지만 일반적으로 텍스트에 최소 12~14px 글꼴을 사용하는 것이 좋습니다. 텍스트는 데스크톱, 태블릿, 모바일 등을 포함한 모든 장치에서 효과적으로 표시되어야 합니다.

• 키보드 접근성

운동 장애가 있거나 시각 장애가 있는 사용자는 마우스를 사용하는 데 어려움을 겪습니다. 따라서 키보드 접근성이 중요합니다.

액세스 가능한 웹 사이트를 디자인하는 동안 모든 대화형 요소(예: 링크)를 Tab 키를 사용하여 탐색할 수 있는지 확인합니다. 다시 위/아래 화살표 키를 드롭다운 메뉴에 사용할 수 있습니다. 이는 키보드 전용 사용자가 번거로움 없이 사이트에 액세스할 수 있도록 도와줍니다.

• 대체 텍스트

오늘날 모든 웹사이트에는 다양한 그래픽, 이미지, 비디오 및 기타 시각적 요소가 포함되어 있습니다. 문제는 스크린 리더와 같은 보조 장치가 이러한 시각 자료를 "읽을" 수 없다는 것입니다. 이것이 WCAG 2.0 표준에서 웹사이트 개발자가 그래픽 요소에 대해 대체 텍스트 설명을 사용하도록 요구하는 이유입니다. 여기에는 대체 텍스트, 폐쇄 캡션 텍스트 등이 포함될 수 있습니다.

우선, 중요한 정보를 이미지로만 표시하는 것을 피할 수 있습니다. 예를 들어, "홈" 버튼은 종종 집의 상징으로 표현됩니다. 이러한 요소에 대한 대체 텍스트 설명을 포함해야 합니다.

이미지에 대한 대체 텍스트 설명과 애니메이션 및 비디오에 대한 폐쇄 캡션을 사용하면 시각 장애인이 페이지의 내용을 이해할 수 있습니다. 로고에서 탐색 버튼, 지도에서 그래프 또는 회로도에 이르기까지 대체 텍스트를 추가하는 것이 중요합니다.

• 하이퍼링크 텍스트

하이퍼링크는 모든 사이트에서 없어서는 안될 부분입니다. 페이지를 쉽게 탐색할 수 있도록 하고 사용자가 추가 정보를 찾을 수 있도록 합니다.

정상인의 경우 하이퍼링크는 일반적으로 특정 색상으로 식별됩니다(일반적으로 표준 링크의 경우 파란색, 방문한 링크의 경우 자주색).

그러나 보조 장치는 이러한 색상을 "보거나" 식별할 수 없으며 링크를 일반 텍스트와 구별할 수 없습니다. 따라서 하이퍼링크를 기울임꼴로 표시하는 것이 좋습니다.

취해야 할 조치

Tenon, Axe 또는 WAVE와 같은 도구를 사용하여 접근성 테스트를 실행합니다. 도구는 웹 접근성의 확립된 표준을 충족하지 않는 영역을 식별하기 위해 사이트를 크롤링합니다. 기술적인 일에 프로가 아니면 수리하는 방법을 이해하지 못할 수 있습니다. 그럼에도 불구하고 존재하는지 몰랐던 오류, 경고 및 경고를 식별할 수 있습니다.

그러나 ADA 규범을 잘 알고 있는 웹사이트 디자인 회사의 전문가를 쉽게 참여시킬 수 있는데 왜 이러한 모든 문제를 겪고 있습니까? 전문가는 자동화된 도구에만 의존하고 수동 감사를 통합하지 않습니다. 그들은 또한 문제를 해결하는 데 도움이 될 것입니다.

ADA 준수는 설정하고 잊어버리는 것이 아닙니다. 규정 준수 표준은 귀하의 웹사이트가 발전하는 것처럼 발전할 것입니다. 따라서 이것을 확인하십시오.

결론

따라서 ADA 준수가 어떻게 경쟁 우위를 제공하고 더 많은 거래로 이어질 수 있는지 살펴보았습니다. 그럼 당신은 무엇을 기다리고 있습니다! 숙련된 웹사이트 개발 회사에 의뢰하여 ADA 호환 사이트를 개발하십시오.

공유할 내용이 있습니까? 우리는 모두 눈입니다! 아래에 댓글을 남겨주세요.