UX와 웹 접근성의 중요성

웹 접근성은 사용자의 장애에 관계없이 모든 사람이 동일한 정보에 액세스할 수 있도록 하는 것입니다.

세계 은행에 따르면 10억 명(세계 인구의 15%)이 어떤 형태의 장애를 경험하고 있으며 미국에서만 거의 5,700만 명이 있습니다. (2012년 7월 25일 미국 인구조사국에서 발표한 수치에 따르면 미국 인구의 19%)

느슨하게 분류된 네 가지 유형의 장애는 일시적이거나 영구적일 수 있습니다. 신체적(예: 마비 또는 미세 운동 조절 문제), 감각(예: 자폐증, 난청 또는 실명), 지적(예: 다운 증후군 또는 발달 지연) ) 및 정신 질환(정신분열증 및 우울증 포함). 많은 고령자들은 나이가 들면서 발생하는 문제를 안고 있으며 장애인 편의시설의 혜택을 받을 수도 있습니다.

웹 접근성의 중요성을 과소평가하지 않는 것이 중요합니다. 20년 전 인터넷은 기술 괴짜를 위한 공간이었지만 이제는 정보, 엔터테인먼트 및 커뮤니케이션의 주요 소스입니다. 쇼핑에서 친구와 순간 공유, 뉴스 읽기, TV 프로그램 시청, 구직 지원, 휴가 예약 등에 이르기까지 모든 것에 사용됩니다. 그러나 장애를 가진 사람들의 경우 많은 웹 사이트가 그들의 필요를 고려하지 않기 때문에 이러한 많은 것들을 액세스할 수 없도록 하는 장벽이 있습니다. 인터넷의 많은 부분은 아직 공공 공간으로 취급되지 않으며 능력에 관계없이 모든 사람이 액세스할 수 있도록 보장하지 않습니다.

웹 접근성에 대한 오해

단순히 완전히 무시되지 않는 경우 접근성은 웹 디자인에서 가장 무시되는 측면 중 하나입니다. 그것은 파렴치한 디지털 에이전시와 그들의 디자인 및 개발 팀에 의해 지난 20년 동안 퍼진 부정확한 아이디어로 고통받고 있습니다. 비방하는 사람들은 접근성을 모든 사용자에게 좋은 UX를 제공하는 웹사이트를 만드는 데 있어 제한적이고 선택적인 부분으로 보기 때문에 기술 혁신, 법적 변화, 주요 인구 통계학적 변화를 인정하지 않습니다. 접근성이 실제로 필요하지 않은 이유에 대한 대부분의 논의는 다음 사항 중 하나 이상을 중심으로 이루어집니다.

1. "못생겼어."

완전한 접근성을 위해서는 디자이너가 웹사이트나 애플리케이션의 전체적인 모양과 느낌에 영향을 미칠 수 있는 몇 가지 엄격한 지침을 따라야 하는 것이 사실이지만 이미지에 대한 대체 텍스트 설명을 제공하는 것과 같은 일부 개선 사항은 사용자에게 눈에 띄는 영향을 미치지 않습니다. 상호 작용. 오늘날의 기술을 사용하면 최신 유행하고 상호 작용하며 매력 적이고 접근 가능한 웹 사이트를 만드는 것이 완전히 가능합니다. 따라서 웹 접근성이 더 이상 부담으로 여겨져서는 안 됩니다. 게다가, 액세스할 수 없는 못생긴 웹사이트도 많이 있습니다!

2. "시간이 너무 오래 걸리고 비용이 많이 들고 혜택이 없습니다."

접근성을 통합하는 것이 항상 쉬운 일이 아니며 웹 사이트 또는 애플리케이션의 개념 및 개발 단계에 소요되는 시간을 늘릴 수 있는 것이 사실입니다. 그러나 사이트 개선 및 기술 수리에 소요되는 시간을 줄일 수 있습니다. 코드가 깨끗해지고 버그가 줄어듭니다.

디지털 프로젝트 초기부터 접근성을 고려하면 유지 관리 및 고객 지원을 포함한 이후 비용을 줄이는 데 도움이 됩니다. SEO 관점에서 접근 가능한 웹사이트는 더 나은 순위를 얻는 데 도움이 됩니다. Google과 같은 검색 엔진은 스크린 리더를 사용하는 시각 장애인과 매우 유사하게 작동합니다. 페이지를 스캔할 때 로봇은 텍스트만 이해하므로 콘텐츠 아키텍처와 제목을 계획하고 이미지에 대한 대체 텍스트를 제공하는 것이 중요합니다.

3. "아무도 신경 쓰지 않는다."

이 주장은 웹 사이트에 액세스할 수 있도록 하기 위해 시간이나 돈을 투자하고 싶지 않은 회사 및 디자인 에이전시의 주요 주장인 경향이 있습니다. 그들의 데이터를 볼 때 장애가 있는 사람들은 웹사이트를 방문조차 하지 않는 것으로 보입니다. (아, 아이러니하게도 그들이 접근할 수 없다면 어떻게 할 수 있겠습니까?) 그들은 또한 시장이 너무 작아서 문제가 되지 않는다고 확신합니다.

주요 장애가 있는 사람들은 청중의 일부일 수 있지만 시니어 사용자는 어떻습니까? 난청이나 색맹과 같이 "경미한" 장애가 있는 사용자는 어떻게 됩니까? 쇠약해진 편두통으로 고통받고 밝은 색상을 견디지 못하거나 11px 형식으로 작성된 페이지가 무한 스크롤되는 일반 사용자는 어떻습니까? "전통적으로" 장애가 있는 것으로 간주되지 않는 많은 사용자가 액세스할 수 없는 웹사이트로 인해 고통을 받을 수 있습니다.

반면에 실생활에서와 마찬가지로 기술에 액세스할 수 있게 하면 모든 사람이 혜택을 볼 수 있습니다. 시끄러운 바의 TV용 자막이나 유모차용 휠체어 경사로를 고려하십시오.

4. "선택사항입니다."

사실은 그렇지 않습니다. 많은 국가에서 서비스나 제품을 제공할 때 장애인을 차별하는 것을 불법으로 규정하는 법률이 있습니다. 따라서 이론적으로 장애가 있는 사용자가 웹사이트에 액세스할 수 없어 콘텐츠에 액세스할 수 없는 경우 디지털 차별에 대해 합법적으로 소송을 제기할 수 있습니다. 그리고 이러한 소송은 매년 더 빈번하게 발생하고 있으며 종종 기업이 해결하는 데 수백만 달러가 소요됩니다.

웹 접근성에 관심을 가져야 하는 이유

1. 법규 준수

미국에서는 1990년 제정된 미국 장애인법(Americans with Disabilities Act)에 접근성 요건이 명시되어 있습니다. 당시에는 주로 오프라인 매장에 대한 규정이었기 때문에 웹사이트와 애플리케이션을 보호해야 하는지 여부를 두고 법원이 분분했습니다. 2017년에는 미국 연방 법원에만 800건 이상의 소송이 제기돼 소송 위협이 현실화됐다.

Facebook은 Empathy Lab과 접근성에 관한 정책으로 찬사를 받았지만 다른 회사는 그렇게 운이 좋지 않았습니다. Netflix는 시각 장애인과 청각 장애인을 위한 다양한 협회에서 여러 차례 소송을 제기했습니다. 결국 그들은 모든 프로그램에 자막을 추가하는 것을 포함하여 모든 사용자에게 콘텐츠에 대한 평등한 액세스를 제공해야 했습니다.

2. 평판 향상

장애가 있는 사람들을 포용하는 회사는 그것으로부터만 혜택을 받습니다. 웹사이트 또는 앱을 완전히 액세스할 수 있도록 하려는 노력은 평판에 긍정적인 영향을 미치고 모든 사용자에 대한 사회적 책임과 배려의 이미지를 만듭니다.

접근성 기능을 추가하는 과정에서 실리콘 밸리의 거물들은 주저하지 않고 기술과 획기적인 새 기능에 수백만 달러를 투자하여 게임에 혁신을 가져옵니다. 예를 들어, Facebook은 현재 인공 지능을 사용하여 시각 장애인 사용자에게 객체 인식 기술을 통해 자동 대체 텍스트를 제공하고 있습니다. 이제 이 기능을 통해 Facebook에서 매일 공유되는 20억 장의 사진을 마음껏 즐길 수 있습니다. 아이디어는 주로 접근성 팀과 함께 일하는 시각 장애인 소프트웨어 엔지니어인 Matt King에게서 나왔습니다. Facebook은 온라인과 실제 세상 모두에서 장애인에게 친근한 회사가 되기 위해 노력하고 있습니다.

3. 신규 고객 확보

장애가 있는 사람들의 80% 이상이 장벽 때문에 서비스 제공자를 신뢰하지 않기로 결정했으며 열악한 웹 접근성이 가장 큰 이유 중 하나입니다. 대부분의 브랜드에서 종종 무시하기 때문에 장애가 있는 사용자는 세심한 사용자 경험을 제공하는 회사에 기꺼이 더 많은 돈을 지출합니다. 이 특정 시장의 구매력은 엄청납니다.

접근성 개선은 현재 고객을 외면하지 않지만 새로운 고객을 유치하고 전환을 개선할 것입니다. 장애가 있는 사용자를 인정함으로써 사용자의 권리가 중요하고 비즈니스가 가치 있음을 알리는 것입니다.

장애 유형 및 다양한 장애에 대한 접근성을 개선하는 방법

다양한 영구적 및 일시적 장애가 있으며 사용자는 서로 다른 문제에 직면하고 서로 다른 솔루션을 찾고 있습니다. 모든 사람에게 동일한 콘텐츠를 제공하려면 모든 요구 사항을 충족해야 합니다.

1. 감각 장애

시력 및 청력 문제는 가장 흔한 감각 장애이지만 노인, 색맹 또는 난청인, 많은 자폐 사용자 등 영향을 받는 다른 많은 장애가 있습니다.

청각 장애가 있는 사용자의 경우 웹 사이트 또는 앱을 액세스 가능하게 만드는 한 단계는 텍스트 스크립트 및 비디오 캡션을 구현하는 것입니다. 청각 장애인에게 필수품일 뿐만 아니라 청각에도 유용합니다.

Ofcom의 접근성에 대한 연구에 따르면 자막을 사용하는 사람들의 80%가 청각 장애인도 난청도 아닌 것으로 나타났습니다. 모든 사람에게 혜택을 제공하는 액세스 가능한 기능의 전형적인 예입니다.

시각 장애와 관련하여 대부분의 지침은 모든 유형의 사용자에게도 도움이 됩니다. 색맹이든 편두통이든 상관없이 대비되는 색상(텍스트와 배경)을 사용하는 디자이너에게 감사할 것입니다. 모든 사람이 더 크고 상대적인 글꼴 크기(픽셀이 아닌 em)와 크기 조정 옵션의 이점을 누릴 수 있으며, 이는 특히 시니어 사용자가 높이 평가하는 기능입니다.

시각 장애인의 경우 웹 사이트를 볼 수는 없지만 Windows용 JAWS 및 Window-Eyes 및 Mac용 VoiceOver와 같은 화면 판독기 덕분에 웹 사이트를 들을 수 있습니다. 이러한 프로그램은 내용을 소리내어 읽습니다...그리고 모두 읽습니다.

페이지를 더 쉽게 탐색할 수 있도록 "주요 콘텐츠로 건너뛰기" 옵션을 사용하여 전체 탐색 메뉴가 연속으로 여러 번 읽히지 않도록 하십시오.

다른 제목을 사용하여 페이지를 올바르게 구성하고(하나의 <h1>, 다음 단계를 건너뛰지 않음), 모든 이미지에 대한 텍스트 설명을 포함하고, 복잡한 표를 피하고, 텍스트 하이퍼링크를 신중하게 선택하십시오. 링크가 어디로 갈 것인지 적절하게 설명해야 합니다. "여기를 클릭하십시오"만 사용하는 것은 관련 정보를 제공하지 않기 때문에 스크린 리더 사용자에게 효과적이지 않습니다.

2. 운동 장애

일부 사용자는 마우스나 트랙패드를 영구적으로 또는 일시적으로 사용하지 못할 수 있습니다. 따라서 "탭" 또는 "화살표" 키를 눌러 사이트를 탐색할 때만 키보드를 사용할 수 있습니다.

키보드만 사용하여 웹 사이트를 완전히 경험할 수 있도록 하는 것은 웹 접근성에서 구현하는 가장 쉽고 저렴한 기능 중 하나입니다. 작업이 거의 필요하지 않으며 마우스의 플러그를 뽑거나 끄는 것만으로 확인할 수 있습니다. 브라우저는 TAB 키를 눌러 웹 페이지에서 클릭 가능한 항목을 자동으로 선택하므로 접근성에 큰 도움이 되므로 개발 팀이 이 기능을 끄지 않도록 하십시오.

3. 인지 장애

학습 장애, 다운 증후군, ADHD, 난독증 및 기타 인지 장애가 있는 사용자(사용자가 나이가 들어감에 따라 발생하기도 함)는 명확한 콘텐츠와 일관된 UI를 통해 큰 이점을 얻을 수 있습니다. 따라서 논리적 인터페이스(유사한 작업에 대한 유사한 색상, 글꼴 조합, 간단한 애니메이션, 참여 요청 시 시각적 힌트 ​​등)를 구축하고 제목을 사용하여 콘텐츠를 구성하여 콘텐츠의 다른 부분을 빠르게 식별하도록 노력하십시오.

규칙과 패턴을 설정하고 정의된 디자인 원칙을 따르면 사용자가 탐색 경험을 더 빨리 탐색하고 놀라움을 피할 수 있으므로 전반적으로 더 부드럽고 이해하기 쉽습니다. 사이트 또는 애플리케이션의 UI를 단순화하고 표준화하면 모든 사용자에게 더 나은 사용자 경험을 제공하는 경향이 있습니다.

웹 접근성 테스트를 위한 팁

1. 지침 준수

쉽게 사용할 수 있는 액세스 가능한 웹 사이트를 만들기 위한 국제 지침이 있습니다. 웹 콘텐츠 접근성 지침(WCAG). W3C 프로세스를 통해 개발된 WCAG(현재 WCAG 2.0)는 웹 콘텐츠 접근성을 위한 단일 공유 표준을 제공합니다.

주로 개발자, 디자이너 및 접근성 전문가를 대상으로 하는 모든 WCAG 문서는 웹 사이트를 보다 쉽게 ​​액세스할 수 있도록 만드는 방법을 설명하고 인지 가능, 작동 가능, 이해 가능 및 강력의 4가지 원칙에 따라 구성됩니다. 이 권장 사항 세트를 통해 적합성 수준(A-최소, AA-만족 또는 AAA-우수)에 도달할 수 있습니다.

모든 WCAG 표준을 구현하려면 시간이 걸리겠지만 기본부터 시작하면 다양한 장애가 있는 사용자에게 웹사이트를 더 친숙하게 만드는 데 큰 영향을 미칠 수 있습니다.

2. 온라인 또는 보조 기술로 확인

W3c의 공식 유효성 검사기와 같이 웹 사이트가 접근성 지침을 충족하는지 확인할 수 있는 온라인 도구가 있습니다. 온라인 도구는 주로 웹사이트의 기술적인 측면을 확인하기 때문에 모든 접근성 문제를 찾지 못할 수도 있습니다. 스크린 리더와 같은 보조 기술을 사용하여 웹 사이트를 테스트하는 것은 웹 사이트에 진정으로 액세스할 수 있는지 확인하는 중요한 단계입니다. 그러나 둘 다 시작하기에 저렴한 곳이지만 실제 사용자 피드백을 대체하지는 않습니다. 접근성을 진심으로 우선시한다면 다양한 장애가 있는 사용자를 사용자 테스트 프로세스에 포함시키는 것이 중요합니다.

3. 사용자 테스트

출시 전에 새로운 웹사이트나 앱의 UX 테스트 프로세스에 장애인을 포함시키는 것이 중요합니다. 사용자 경험이 실제로 즐거운지 여부에 대해 가장 관련성 높은 피드백을 제공합니다. 다양한 장애에 따라 테스트 시나리오를 준비할 신뢰할 수 있는 UX 디자이너와 협력하십시오.

접근성 규정 준수는 더 이상 선택 사항이 아닙니다.

접근성은 일상 생활이 온라인에서 더 많이 이루어지고 세계 인구가 증가하고 고령화됨에 따라 더 크게 부각되는 주요 문제입니다. 2050년까지 세계 고령화 인구는 두 배로 증가할 것으로 예상됩니다. 인구 통계학적 변화는 나이와 함께 발생하는 많은 장애가 증가할 것임을 의미합니다.

간단한 작업은 아니지만 접근성을 계속 무시하는 회사는 이미 고객을 잃고 있으며 향후 몇 년 동안 더 많은 손실을 보게 되어 결과적으로 수익이 크게 감소할 것이라는 점을 이해해야 합니다. 다른 소수자들을 인정하는 데 진전이 있는 세상에서 접근성 권리가 인권임을 부인하는 것도 그들의 대중적 이미지와 평판을 손상시킬 것입니다.

이를 염두에 두고 웹사이트나 앱을 제작할 때 접근성을 핵심 가치로 삼는 기업일수록 장애인 사용자를 소홀히 하지 않는 기업으로 인정받게 될 것입니다. 그들은 더 많은 트래픽과 더 많은 전환을 얻을 것입니다. 웹 접근성의 중요성을 인식하는 것은 윈-윈 상황입니다.

• • •

Toptal Design 블로그에 대한 추가 정보:

• 전자 상거래 UX – 모범 사례 개요(인포그래픽 포함)
• 제품 디자인에서 인간 중심 디자인의 중요성
• 최고의 UX 디자이너 포트폴리오 – 영감을 주는 사례 연구 및 사례
• 모바일 인터페이스에 대한 경험적 원리
• 예측적 디자인: 마법 같은 사용자 경험을 만드는 방법