SaaS 웹사이트 접근성 체크리스트

웹사이트 접근성이란 무엇입니까?

웹 접근성은 모든 사람이 SaaS 웹 사이트의 콘텐츠에 액세스하고, 사용하고, 참여할 수 있도록 하는 것입니다. 접근 가능한 웹사이트는 사용자의 신체적 또는 정신적 능력에 관계없이 모든 장치에서 모든 사용자를 수용할 수 있는 웹사이트입니다.

접근성은 SaaS 웹 사이트와 제품 모두에 대한 최신 사용자 경험 디자인의 중요한 부분입니다. W3C(World Wide Web Consortium)의 WCAG(Web Content Accessibility Guidelines) 2.1 최신 버전에서는 웹 콘텐츠의 접근성을 높이기 위한 광범위한 권장 사항을 다룹니다.

SaaS 웹사이트를 액세스 가능하게 만드는 이유는 무엇입니까?

SaaS 솔루션이 최대 사용자 수에 도달하기를 원합니다. 하지만 그거 알아? 타겟 청중의 상당 부분은 색맹, 읽기 장애, 청각 장애 등과 같은 장애를 가지고 살고 있을 가능성이 높습니다.

• WHO에 따르면 특정 유형의 장애가 있는 사람들은 세계 인구의 15%를 차지합니다.
• 미국 성인 4명 중 1명(6,100만 명)이 장애가 있습니다.

SaaS 웹사이트의 접근성을 높이는 것은 옳은 일일 뿐만 아니라 그렇게 하지 않으면 제품을 소개하기도 전에 잠재 고객을 외면하게 됩니다.

게다가 SaaS에 액세스할 수 없도록 하면 비용이 많이 드는 소송이 발생할 수 있습니다.

• 2018년에는 2017년에 비해 연방 ADA 소송이 181% 증가했습니다.
• 장애가 있는 사람들이 웹사이트, 앱, 동영상에 접근할 수 없다고 주장하는 소송 건수는 2020년에 비해 2021년 상반기에 64% 증가했습니다.

접근 가능한 웹 디자인의 4가지 핵심 원칙

웹 콘텐츠 접근성 지침은 네 가지 원칙을 중심으로 구성됩니다.

• 지각 가능: 시각, 청각 또는 감각 장애가 있는 방문자는 콘텐츠를 소비할 수 있습니다(스크린 리더, 캡션, 스크립트 또는 기타 보조 기술을 통해).
• 작동 가능: 방문자는 마우스를 사용할 수 없는 사람을 위한 키보드 단축키와 같이 원하는 컨트롤로 웹사이트를 작동할 수 있습니다.
• 이해할 수 있음: 웹사이트 인터페이스는 간질이나 자폐증과 같은 인지 장애가 있는 사용자가 이해할 수 있습니다.
• 강력함: 웹사이트는 브라우저와 플랫폼이 다르며 현재 보조 기술과 호환됩니다.

WCAG 접근성 수준

접근성 준수에는 세 가지 수준(A, AA 및 AAA)이 있으며, A 수준은 충족된 최소 필수품(완전히 접근할 수 없음)이고 AAA는 가장 최적화된 접근성 수준입니다.

• 수준 A: 최소 요구 사항 집합을 충족하는 가장 낮은 수준의 접근성입니다. 많은 장애가 있는 사용자 그룹은 그러한 웹사이트의 콘텐츠에 액세스하는 것이 어렵거나 불가능하다는 것을 알게 될 것입니다.
• 레벨 AA: 더 높은 수준의 접근성. 일부 사용자 그룹은 그러한 웹사이트의 정보에 액세스하는 것이 어렵다는 것을 알게 될 것입니다. 이 수준에 도달하면 장애가 있는 사용자의 웹 콘텐츠 액세스에 대한 주요 장벽이 제거됩니다.
• 레벨 AAA: 가장 높은 수준의 접근성. 이러한 기준을 충족하면 장애인을 위한 최적의 사용자 경험이 보장됩니다.

14포인트 SaaS 웹사이트 접근성 체크리스트

이 체크리스트는 포괄적이지는 않지만 SaaS 웹사이트를 보다 쉽게 ​​액세스하고 규정을 준수하도록 하기 위해 고려해야 하는 우선 순위 요소를 다룹니다.

• H1, H2 등을 올바르게 사용하여 명확한 HTML 헤더 구조를 설정합니다.
• 페이지의 하이퍼링크를 사용자에게 친숙하게 만드십시오.
  • 인라인 링크 텍스트에 밑줄을 긋고 콘텐츠의 나머지 부분과 다른 색상을 사용합니다.
  • "여기를 클릭하십시오" 대신 "무료 접근성 가이드 다운로드"와 같은 설명적인 앵커 텍스트를 작성하십시오.
• 화면 판독기와 같은 보조 기술을 사용하는 사람들이 콘텐츠를 사용할 수 있도록 모든 이미지와 표에 설명이 포함된 대체 텍스트를 추가합니다.
• 비디오 및 오디오 콘텐츠에 사용할 수 있는 자막, 포함된 캡션 또는 최소한 텍스트 스크립트가 있는지 확인하십시오.
• 색상을 신중하게 사용하십시오.
  • 다양한 요소(예: 텍스트 및 버튼)와 배경 간에 적절한 색상 대비가 있어야 합니다.
  • 사용자에게 정보를 전달하는 데 색상만 사용되지 않도록 합니다.
  • 패턴이나 질감을 사용하여 차트, 그래프 등의 시각적 차이를 나타냅니다.
• 문자가 서로 쉽게 구별되고 글꼴이 문자 사이에 충분한 간격을 갖도록 접근 가능한 서체를 선택하십시오.
• 페이지가 모든 브라우저에서 예상대로 작동하는 동안 텍스트 크기를 쉽게 조정할 수 있는 기능을 제공합니다.
• SaaS 웹 사이트를 키보드 친화적으로 만드십시오.
  • 웹사이트의 모든 부분에 마우스 없이 키보드 키만 사용하여 액세스할 수 있는지 확인합니다. 마우스로 수행할 수 있는 모든 작업은 키보드로도 수행할 수 있어야 합니다.
  • 메뉴에 필요한 카테고리만 포함하여 웹사이트 탐색을 직관적이고 간결하게 유지하십시오.
  • 사용자가 현재 선택한 활성 요소를 정확히 가리키는 가시적 초점 표시기를 표시합니다.
• 액세스 가능한 양식 만들기:
  • 명확한 경계와 경계를 정의하십시오.
  • 입력해야 하는 데이터를 설명하기 위해 양식 요소에 레이블을 지정합니다.
  • 필수 양식 필드를 필수로 표시하십시오.
  • 유용한 오류 메시지를 제공합니다.
• 시간 제한이 있는 페이지의 경우 사용자가 제한을 조정하거나 해제할 수 있습니다.
• 가독성과 이해를 돕기 위해 텍스트 내용이 문법적으로 정확하고 평이한 언어로 작성되었는지 확인합니다. 용어집에서 약어나 특이한 단어를 정의합니다.
• 페이지에 초당 세 번 이상 깜박이는 요소가 없어야 합니다.
• 시맨틱 HTML 요소를 사용하여 페이지 요소의 목적을 효과적으로 설명합니다.
• 회사의 목표 접근성 수준과 ADA 준수를 달성하기 위한 노력을 설명하는 접근성 성명을 게시하십시오.

엄선된 무료 접근성 평가 도구

다음은 웹사이트의 접근성을 평가하는 데 사용할 수 있는 여러 무료 도구 중 일부입니다.

• WAVE : 작성자가 장애가 있는 개인이 웹 콘텐츠에 더 쉽게 액세스할 수 있도록 도와주는 평가 도구 모음입니다.
• WebAccessibility.com : 100점 만점에 전체 W3C 준수 점수를 얻으면 WCAG가 SaaS 웹사이트를 얼마나 준수하는지 확인할 수 있습니다.
• SortSite : 귀하의 웹사이트가 WCAG 접근성 표준과 재활법 섹션 508을 준수하는지 확인하십시오. 접근성, 끊어진 링크, 브라우저 코드 호환성, 검색 엔진 최적화 및 기타 사용성 문제를 확인합니다.
• aCe by accessiBe : 귀하의 웹사이트가 ADA 및 WCAG를 준수하는지 여부에 대해 즉각적이고 정확한 답변을 제공하는 완전 자동화된 접근성 도구입니다.

이 체크리스트가 유용했습니까? 동료 및 네트워크와 공유할 수 있는 편리한 인포그래픽 버전입니다.