ADA에 대한 웹사이트 규정 준수란 무엇인가에 대한 초보자 가이드

게시 됨: 2021-06-23
귀하의 비즈니스에 가장 적합한 전자상거래 플랫폼을 선택하는 데 도움이 되는 완벽한 가이드
2022년 WordPress 보안을 개선하기 위한 24가지 팁
웹 개발자를 고용하는 방법? 최고의 채용에 대한 자세한 가이드.

콘텐츠 인덱스

  • 웹사이트 ADA 준수 소개
  • 기본 이해 - ADA 규정 준수란 무엇입니까?
  • 누가 ADA 준수를 따라야 합니까?
  • ADA 규정 준수 웹사이트를 팔로우하는 이유는 무엇입니까?
  • 웹사이트가 ADA를 준수하도록 하는 팁과 요령
    • 1. 만족스러운 명암비 작업
    • 2. 색상을 너무 가지고 놀지 마십시오.
    • 3. 읽기 쉬운 양식 만들기
    • 4. 수정할 여지를 남겨라
    • 5. 마우스 없음 옵션 제공
    • 6. 쉬운 탐색 작업
    • 7. 의미 있는 제목으로 이동
    • 8. 반응형 웹사이트 디자인
    • 9. 미디어 소비 옵션
    • 10. 더 나은 사용자 제어
  • 웹사이트에서 ADA 준수에 대한 결론

웹사이트 ADA 준수 소개

American Disabilities Act는 웹 시대 이전에 설계되었으며, 그 설계자는 의도적으로 진화하도록 설계했습니다. "장소 또는 공공 시설"이라는 개념은 법의 핵심 요소이자 유연성의 이상적인 예일 수 있습니다. 기술이 발전함에 따라 오늘날 우리는 웹사이트와 모바일 앱이 구매, 학습, 공유 및 연결에 필수적인 장소이며 따라서 ADA에 의해 보호된다는 사실을 알게 되었습니다. 그러나 많은 사람들이 특정 표준 및 요구 사항 또는 ADA 준수 웹 사이트가 무엇인지 명확하지 않습니다.

웹사이트 ADA 준수의 통과는 법원 시스템을 사용하여 기업에 책임을 전가하는 법률 산업을 대체하게 되었습니다. 이러한 법적 조치 중 상당수는 합법적입니다. 예전에는 법이 너무 복잡해서 변호사들이 돈을 벌기가 쉬웠습니다. 웹사이트나 모바일 앱 또는 웹사이트가 ADA 위반을 준수한다고 주장하는 법적 조치가 미국은 물론 전 세계적으로 범람함에 따라 오늘날에는 더욱 그렇습니다.

사실, 이러한 경우에는 장점이 있습니다. 지난 2년 동안 유타주 장애인을 위한 WebAIM 프로젝트는 수백만 개의 최상위 웹사이트 홈페이지에서 접근성 테스트를 실행했습니다. 2020년 보고서에 따르면 98.1%의 홈페이지에서 감지 가능한 WCAG 2 오류가 있거나 ADA 준수 웹사이트가 없는 것으로 나타났습니다. 사실은 인터넷 사이트가 접근성을 가능하게 하도록 특별히 설계 및 구축되지 않은 한 ADA 준수 웹사이트 디자인이 아니므로 시민권으로서의 디지털 접근성이 웹사이트 소유자에게 더 큰 압박을 가하고 있다는 인식이 커지고 있다는 것입니다. 그렇지 않으면 법적 조치에 직면할 수 있습니다. 웹 사이트 소유자가 자발적으로 웹 사이트에서 ADA 준수를 위해 이동하는 것이 좋을 수도 있습니다.

ADA 규정 준수 웹 사이트 디자인은 법적 조치로부터 안전을 유지하도록 돕는 것 외에도 비즈니스에 많은 이점을 제공합니다. ADA 규정 준수 웹 사이트는 사용자에게 여러 측면에서 훌륭한 환대를 제공합니다. 웹사이트에서 ADA 준수의 이러한 이점을 살펴보겠습니다.

  • 미국 장애인법(ADA)에 따라 특정 기업은 장애인을 위한 편의 시설을 구성해야 합니다. 웹 페이지는 시각 장애인, 청각 장애인 및 음성, 화면 판독기 또는 기타 보조 기술로 탐색해야 하는 사람들이 액세스할 수 있어야 합니다.

  • Title I에 해당하는 사업체, 최소 15명의 정규직 직원과 함께 연간 20주 이상 운영하는 사람들 또는 Title III, "공공 시설" 범주에 속하는 사람들은 ADA의 적용을 받습니다.

  • ADA를 준수하는 웹사이트를 만들지 못하면 소송, 재정적 책임, 브랜드 평판 손상 등의 문제가 발생할 수 있습니다.

그러나 단순히 웹 사이트에 대한 ada 규정 준수가 무엇인지 묻는 경우 구체적으로 무엇처럼 보입니까? 글쎄, 그 경우 대답은 아니오입니다. 명확한 규정이 없기 때문입니다. 그러나 간단히 말해서 귀하의 웹사이트는 합리적으로 액세스할 수 있어야 하고 이를 달성할 수 있는 여러 방법이 있습니다.

기본 이해 - ADA 규정 준수란 무엇입니까?

1990년에 통과된 ADA는 장애인에 대한 차별을 금지하여 비장애인과 동등한 권리와 기회를 필요로 합니다. 이 법은 직업과 학교에서부터 대중교통, 대중을 접대할 수 있는 공공/사설 장소에 이르기까지 모든 부문을 포괄합니다.

2010년에 미국 법무부는 웹사이트와 같은 모든 전자 및 지식 기술에 시각 장애 및 난청과 같은 장애가 있는 사람들이 액세스할 수 있도록 의무화하는 접근 가능한 디자인에 대한 미국 장애인법 표준을 통과시켰습니다 .

ADA 규정 준수 웹 사이트에 대해 읽을 때 여러 번 접할 수 있는 일반적인 용어가 WCAG입니다. 이 용어의 기본 사항을 빠르게 이해합시다. WCAG는 웹 콘텐츠 접근성 가이드라인을 의미합니다.

누가 ADA 준수를 따라야 합니까?

ADA에 대해 가장 먼저 알아야 할 것은 어떤 기업이 ADA를 준수해야 하는지입니다.

ADA의 Title I 에 따라 연간 20주 이상 운영되는 최소 15명의 상근 직원이 있는 모든 사업은 법의 적용을 받습니다.

Title III 에 따라 호텔, 은행 및 대중 교통과 같은 "공공 숙박 시설" 범주에 속하는 비즈니스도 준수해야 합니다. 즉, 물리적 고려 사항에서 디지털 숙박 시설에 이르기까지 모든 법률이 적용됩니다.

귀하의 사업이 ADA의 Title I 또는 Title III에 속하고 귀하가 규정을 준수한다고 생각하지 않는 경우 장애 변호사와 상담하여 옵션을 알아보십시오.

ADA 규정 준수 웹사이트를 팔로우하는 이유는 무엇입니까?

웹사이트 ADA 준수는 때때로 어려울 수 있으며, 이는 특히 법으로 준수할 필요가 없는 기업의 경우 리소스가 고갈되는 것처럼 보일 수 있습니다. 웹사이트를 재작업하려면 많은 돈과 함께 시간과 에너지가 필요합니다. 그러나 어떤 이점이 있습니까? 확실히 있습니다. 다음과 같은 이점을 살펴보겠습니다.

법적 문제입니다!

액세스할 수 없는 웹사이트는 웹사이트를 방문하는 사람들의 수를 확실히 줄일 수 있습니다. 인구의 거의 19%는 웹사이트에 대한 ADA 규정 준수에 대해 생각하지 않고 제외되는 엄청난 수의 사람들입니다!

재정적으로 파괴적인 가장 큰 결과 중 하나는 소송을 당할 위험이 있다는 것입니다. 그리고 몇몇 다른 브랜드는 소송을 당한 후 웹사이트를 복구하기 위해 수천 달러를 지출해야 했습니다. 여기에는 불만을 품은 일반 대중의 대표, 지불금 및 수익 손실의 가치가 포함되지 않습니다.

웹사이트의 일일 트래픽에 추가

미국 내 거의 5천만 명의 사람들이 장애가 있으며 많은 사람들이 온라인 콘텐츠에 액세스하기 위해 보조 기술을 사용합니다. 모든 사람이 액세스하고 경험할 수 있는 인터넷 사이트가 있으면 잠재 고객이 늘어납니다. 대체 텍스트, 캡션, 키보드로 액세스할 수 있는 페이지 및 기타 변경을 통해 귀사의 제품과 서비스는 이러한 청중에게 호의적이게 됩니다. 누군가 귀하의 온라인 플랫폼에 액세스할 수 없으면 판매할 수 없습니다. 따라서 비즈니스 관점에서 접근성은 더 많은 잠재적 이익을 의미합니다.

ADA 규정 준수 웹 사이트 디자인은 브랜드 구축에 도움이 됩니다.

사람들이 제품이나 서비스뿐만 아니라 브랜드와 사랑에 빠지기 때문에 브랜딩은 비즈니스에 빵과 버터입니다. 좋은 브랜딩은 가장 비용 효율적인 옵션이 아닐지라도 우리를 계속해서 동등한 회사로 데려갑니다. 접근성을 구현하기 위해 더 많은 노력을 기울이는 브랜드는 필요하지 않은 경우에도 청중에게 이익뿐만 아니라 사람에 대한 관심을 보여줍니다. 청중과의 약속은 브랜드에 대해 많은 것을 말해주기 때문에 기업으로서 보유하고 있는 가치는 고객과의 관계를 강화하는 데 도움이 될 수 있습니다.

ADA 규정 준수 웹 사이트 디자인은 SEO 이점에 추가

검색 엔진 상단에서 자신의 웹사이트 순위를 보고 싶지 않은 사람은 누구입니까!? 글쎄요, 웹사이트의 ADA 규정 준수는 웹사이트가 더 많은 트래픽을 유도할 수 있도록 하기 때문에 확실히 게임 체인저가 될 수 있습니다. 하나를 목표로 하고 또 다른 혜택을 무료로 받으세요!

규정 준수는 이미지의 대체 텍스트, 비디오 및 오디오의 스크립트, 적절한 제목 태그, 일관되고 예측 가능한 구조와 같은 SEO 친화적인 구성 요소를 지원하기 때문입니다. 대체 텍스트가 더 정확하고 설명이 많을수록 스크린 리더와 검색 엔진에서 더 잘 작동합니다. 스크립트는 검색 엔진에 스크롤할 수 있는 정보를 제공하므로 더 많은 키워드가 필요합니다. 마찬가지로, 제목이 정확할수록 검색 엔진과 다른 사람들에게 더 높습니다. 접근성은 수익에 좋을 뿐만 아니라 트래픽을 유도하는 데에도 도움이 됩니다.

웹사이트가 ADA를 준수하도록 하는 팁과 요령

웹사이트에 대한 ADA 규정 준수란 무엇입니까? 웹사이트 ADA 준수를 달성하려면 어떻게 해야 합니까? 귀하의 비즈니스와 성장을 위해 웹사이트 개발에 전체적으로 추가할 수 있는 이러한 질문에 대한 몇 가지 빠른 수정 사항을 찾아보겠습니다.

1. 만족스러운 명암비 작업

WCAG 2.0은 최소 4.5:1의 명암비를 권장합니다. 시각 장애인의 경우 대조되는 배경이 없는 텍스트, 일반 배경 또는 텍스트가 이미지에 포함된 경우에도 읽기가 어렵습니다. 예를 들어 자막이 있는 영화를 볼 때 예상하지 못한 장면이 나타나서 가독성이 떨어질 때가 있다. 예를 들어 텍스트가 밝은 장면 앞에 나타나면 읽을 수 없게 되어 관객은 대화를 알지 못합니다.

이러한 혼란을 피하기 위해서는 배경과 텍스트 사이에 적절한 명암비가 필요합니다.

2. 색상을 너무 가지고 놀지 마십시오.

이 단어를 읽을 수 있습니까? 글쎄요, 우리 모두가 할 수 있는 것은 아닙니다!

색상은 웹사이트에 적합하지만 현명하게 사용하는 것도 마찬가지로 중요합니다. 글쎄요, 일부 색상이나 색상 코드를 기반으로 한 지침인 경우 색상을 식별하지 못하는 사람이 지침을 따르지 못할 수도 있습니다. Color Limit 디자인은 ADA 준수 웹사이트가 아닙니다. 즉, 색상의 형태로 충분한 정보를 제공할 수 없으며 웹 사이트에 대한 ada 준수에 대해 이야기할 때 충분히 액세스할 수 있는 것으로 간주되지 않습니다. 따라서 ADA 호환 웹 사이트에 대한 답변을 찾으려면 색상을 넘어서 사용자가 웹 사이트 요소를 식별하는 데 도움이 되도록 접근 가능한 ADA 호환 웹 사이트 디자인 전술을 사용해야 합니다.

3. 읽기 쉬운 양식 만들기

좋은 웹 사이트의 목적은 문의 양식을 작성하여 판매를 만드는 것입니다.

이것은 모든 양식 필드에 대한 설명 레이블이 명확하지 않은 양식의 좋은 예가 아닙니다.

오히려 이 이미지에서 필드는 읽기 쉽습니다. 양식 필드에 배치된 레이블은 읽기 어렵고 화면 판독기는 양식을 채우는 동안 레이블을 놓칠 수 있습니다. 대부분의 경우 인지 장애가 있는 사용자는 양식 필드의 의도를 추적하지 못할 수 있습니다.

4. 수정할 여지를 남겨라

Err는 인간이다! 우리 모두는 실수를 하며 사용자도 마찬가지입니다. 그리고 사용자의 입장에서는 웹사이트와 상호작용하면서 실수를 했을 때 개선의 여지가 없으면 답답해집니다. 웹사이트의 오류 및 누락은 사용자가 필요할 때 웹사이트에서 수정할 수 있도록 하는 조항이 있어야 합니다. 또한 이러한 실수에 대한 경고는 일부 메시지, 기호 및 색상으로 제공되어야 하지만 색상뿐만 아니라 기억해야 합니다. 이러한 실수는 이메일 주소를 잘못 입력하거나 사용자 측의 불완전한 입력일 수 있습니다. 불완전한 필드를 표시하기 위해 별표를 사용하여 사용자가 이러한 필드를 채워야 한다는 것을 알 수 있습니다. 이와 함께 오류가 발생한 위치에서 사용자가 원하는 피드백을 받을 수 있도록 돕는 것이 중요합니다. 이러한 필드를 채우는 지침은 오류가 수정될 뿐만 아니라 반복해서 실행되지 않도록 명시적이어야 합니다. 이것은 방문자와 귀중한 연결을 구축하고 판매로 전환하거나 댓글, 뉴스레터 가입 등의 형식으로 상호 작용하도록 이끄는 데 도움이 됩니다.

5. 마우스 없음 옵션 제공

많은 사람들은 키보드가 마우스 외에도 웹 페이지 탐색 옵션을 제공한다는 사실을 인식하지 못할 수 있습니다. 사용자가 키보드 탐색에 쉽게 액세스할 수 있으려면 링크가 활성화 상태에 대해 차별화된 색상 및 디자인 변형(마우스 오버, 키보드 포커스 스타일, 터치 또는 클릭 스타일)으로 표시되어야 합니다. 키보드 탭 키를 사용하면 사용자가 활성화된 링크와 특정 작업이 수행될 때 링크에 어떤 일이 발생하는지 빠르게 인식하는 것이 중요합니다. 사용자의 이동이 제한된 경우 키보드 탐색은 매우 유용할 수 있습니다. 이동이 제한된 이러한 사용자 중 일부는 뇌졸중 환자일 수 있습니다. 건강 시나리오와는 별도로 마우스 방전 또는 기타 유사한 상황과 같은 다른 문제가 있을 수 있습니다. 그리고 이러한 경우에는 키보드 탐색이 필요합니다.

6. 쉬운 탐색 작업

도로 여행 중이거나 공항에서 이동할 때 방향, 속도 제한, 경고 또는 정지와 관련하여 우리에게 도움이 되는 일관된 표지판입니다. 그러한 이정표가 없으면 접근할 수 있는 여정을 찾지 못할 수도 있습니다. 한 섹션에서 다른 섹션으로 이동하는 웹사이트 탐색의 경우에도 탐색 방법은 여러 가지가 있을 수 있습니다. 그러나 일부 방법은 다른 방법보다 쉽고 시간이 덜 걸릴 수 있습니다. 또한 레이블, 스타일 및 위치가 일관성을 유지하도록 하는 사이트 검색 및 사이트 맵과 같은 일관된 탐색의 역할과 필요성이 있습니다. 명확한 제목과 이동 경로는 ada 호환 웹 사이트 탐색과 관련하여 다른 중요한 보조 도구 또는 지침입니다. 인지적 또는 신경학적 문제가 있는 사용자의 경우 이러한 일관된 디자인 요소는 사용자가 길을 잃거나 좌절하는 것을 방지하고 사용자 경험을 향상시키는 데 중요한 역할을 합니다.

7. 의미 있는 제목으로 이동

좋은 디자인은 사용자의 눈이 데이터 계층 구조를 인식하도록 안내합니다. 헤드라인과 텍스트, 그래픽 및 그림의 연결을 이해하도록 도와주세요. ADHD와 같은 인지 장애가 있는 사용자는 명확하고 직접적으로 제시되지 않은 콘텐츠를 탐색하는 데 어려움을 겪을 수 있습니다. 그 외에도 많은 사용자가 시간이 부족하여 제대로 표시되지 않은 콘텐츠를 해결하려고 더 빨리 포기할 수 있습니다. 제목 스타일, 공백 및 요소 배치를 전문적으로 사용하면 혼란이 줄어들어 콘텐츠에 더 쉽게 액세스할 수 있습니다. 돈으로 환산하면 상당한 시간과 에너지가 콘텐츠를 만드는 데 사용됩니다. 효율적인 디자인을 통해 고객은 귀중한 정보를 더 쉽게 읽고 이에 따라 조치를 취할 수 있습니다.

8. 반응형 웹사이트 디자인

Google은 모바일에 최적화된 콘텐츠와 웹사이트를 높이 평가합니다. 그러나 데스크탑이나 다른 플랫폼을 주시할 필요가 없다는 의미는 아닙니다. 모바일이나 기타 기기와 같이 좁은 시야의 경우 1차 콘텐츠는 1~2열로 구성되어야 하며, 2차 콘텐츠는 아이콘과 링크를 통해 제시될 수 있습니다. 반대로 데스크탑은 링크와 가시적인 탐색 기능을 통해 여러 열에 정보를 표시할 수 있는 기회를 제공합니다. 최대 가독성을 위해 이 보기에서 텍스트 줄 너비와 문자 크기를 최적화해야 합니다. 인지 또는 시각 장애가 있는 사용자는 긴 본문 텍스트 추적을 완료하지 못할 수 있습니다. 이러한 간단한 반응형 웹사이트 디자인은 ADA 호환 웹사이트가 무엇인지에 대한 이해를 바탕으로 명확하고 신속하게 커뮤니케이션하여 사용자를 돕습니다.

9. 미디어 소비 옵션

ADA 규정 준수 웹 사이트에 대해 이야기할 때 콘텐츠는 많은 사용자에게 다양한 형식이 될 수 있습니다. 다양한 장애를 가진 사람들이 정보에 평등하게 접근할 수 있도록 도와줍니다. 예를 들어, 오디오의 스크립트와 복잡한 그래픽의 텍스트 버전은 청각 또는 시각 장애가 있는 사용자에게 콘텐츠를 더 매력적으로 만드는 데 도움이 됩니다. 콘텐츠 다양성에 대해 이미 작업하고 있었다면 훌륭합니다! 그러나 그렇지 않은 경우 어떻게 그리고 무엇에 초점을 맞춰야 하는지 이해하십시오. 또한 사용자에게 일부 링크를 제공하여 이러한 콘텐츠에 대한 접근성을 더 쉽게 만들 수 있습니다. 링크는 오디오 대본, 오디오 설명 버전의 비디오, 그리고 찾기 쉽고 훨씬 더 많은 복잡한 디자인이나 표에 대한 캡션이나 텍스트 설명이 될 수 있습니다.

10. 더 나은 사용자 제어

ADA 호환 웹사이트가 무엇인지에 대한 대답은 인지적 한계가 있는 사용자가 이해할 수 없는 경우 이러한 멋진 회전 목마 또는 이미지 슬라이더가 충분히 놀랍지 않다는 사실에 있습니다. 비디오의 자동 재생 기능은 비용이 많이 들지만 ADA 규정 준수 웹 사이트 또는 사용자에게 정보를 얼마나 빨리 제공할 수 있는지에 관해서는 유용하지 않을 수 있습니다. 사용자는 다음 비디오를 재생하는 것보다 비디오를 다시 시작해야 하거나 일부 부분을 다시 한 번 보고 싶어 다시 돌아가서 검토하거나 되감기를 원할 수 있습니다. 사이트에 자동 재생 오디오 및 비디오 또는 캐러셀이 있는지 여부에 관계없이 웹 페이지의 모든 미디어를 재생, 진행 및 일시 중지할 수 있는 제어 기능을 사용자에게 제공합니다.

웹사이트에서 ADA 준수에 대한 결론

웹사이트 ADA 준수는 대부분의 기업이 해야 할 일 목록에서 가장 중요한 작업 중 하나입니다. 적용하기 쉬운 이 팁과 트릭은 사용자에게 도움이 될 뿐만 아니라 트래픽 증가나 SEO 순위 향상 등 장기적으로 비즈니스에도 의미가 있습니다. 또한 단순히 SEO에 집중하는 동안 대부분의 ADA 표준을 충족할 수 있습니다. 이제 이 블로그에서 언급한 요점에 대해 웹사이트를 간단히 분석하고 디지털 존재에 더 많은 의미를 추가하고 웹사이트가 ADA를 준수하도록 할 수 있는 목록에 올 수 있습니다. ADA 호환 웹사이트를 구축하는 것은 다소 어렵고 시간이 많이 소요될 수 있습니다. 하지만 그럴만한 가치가 있습니다.

ADA 규정 준수 웹 사이트 디자인 작업을 하고 있습니까? 아니면 이미 ADA를 준수하는 웹사이트가 있습니까? 당신이 직면한 도전은 무엇입니까?

아래 의견 섹션에서 논의하거나 전화를 걸거나 이메일을 보낼 수도 있습니다. 저희 팀이 기꺼이 도와드리겠습니다!