웹 디자인 및 개발에서 디지털 접근성을 제공하는 방법

누군가 디지털 세계에서 접근성이 무엇을 의미하는지 정의해 달라고 요청한다면 그렇게 하시겠습니까? 불확실하다고 느끼신다면 혼자가 아닙니다.

옹호자 Tyler D'Amore가 처음 그의 친구와 가족에게 그가 웹 접근성 분야에서 일하고 있다고 말했을 때 그들은 처음에는 그가 WiFi를 판매하고 있다고 생각했습니다. 10여 년 전의 일이지만, 세상이 계속해서 온라인으로 전환되고 있음에도 불구하고 디지털 접근성이라는 개념은 여전히 ​​새롭고 복잡하게 느껴질 수 있습니다.

디지털 접근성은 놀라운 웹사이트를 구축하는 것에서부터 시작됩니다. 지금 바로 "지역 기업에 웹사이트 서비스를 판매하기 위한 6단계 가이드"를 다운로드하여 고객에게 접근성을 제공하세요.

Conquer Local Podcast의 최근 2부작 에피소드에서 George Leith는 AudioEye Inc.의 디지털 접근성 전문가 두 명인 전략적 파트너십 부사장인 Tyler D'Amore와 접근성 전도사라는 엄청난 직함을 지닌 Alisa Smith와 이야기를 나눴습니다.

1부에서 George와 Tyler는 디지털 접근성이 무엇인지, 도덕적인 측면뿐만 아니라 영업 및 규정 준수 측면에서도 이것이 중요한 이유에 대해 논의합니다. 2부에서는 George와 Alisa가 모든 사람이 귀하의 비즈니스 웹 사이트에 더 쉽게 접근할 수 있도록 지금 구현할 수 있는 빠른 방법에 대해 알아봅니다.

디지털 접근성이란 무엇입니까?

Tyler의 훌륭한 비유 중 하나를 사용하면 디지털 접근성은 디지털 세계의 경사로이자 난간입니다.

"접근성"이라는 용어 자체에 대해 생각해보십시오. 경사로와 난간 이미지를 떠올리는 것 외에도 예약된 주차 공간이나 지정된 화장실 칸막이를 생각할 수도 있습니다. 상점, 은행, 레스토랑과 같은 물리적 위치의 경우 대부분의 사람들은 이러한 유형의 숙박 시설에 대해 잘 알고 있습니다. 그들은 장애인을 포함한 모든 사람의 삶을 포용하는 데 왜 필요한 부분인지 이해합니다.

이제 현재 생활의 얼마나 많은 부분이 온라인에서 이루어지고 있는지 생각해 보십시오. 은행업무부터 쇼핑, 음식 주문까지 전자상거래가 증가하면서 세상은 그 어느 때보다 웹 기반이 되었습니다. 그리고 다른 공간과 마찬가지로 웹사이트와 같은 디지털 로케일도 모든 사람이 사용할 수 있도록 설계되어야 합니다.

온라인 접근성은 어떤 모습일까요?

휠체어를 탄 사람이 긴 계단을 올라가야 하는 상황은 신체적으로 접근하기 어려운 상황을 쉽게 상상할 수 있습니다. 하지만 온라인에서는 어떤 모습일까요?

• 시각 장애가 있는 사람이 보조 기술에 최적화되지 않은 웹 사이트에 액세스하려고 합니다.
• 세리프체로 된 긴 텍스트 블록을 읽는 데 어려움을 겪는 난독증이 있는 사람
• 대비되는 색상이 부족한 웹페이지를 탐색하는 색맹인 사람
• 예상치 못한 번쩍이는 콘텐츠로 인해 간질이 발생한 사람

이런 경우에는 사회 각계각층의 사람들이 부정적인 경험을 하고 있습니다. 그들은 독립적이고 편안하게 온라인으로 구매하거나 귀하의 비즈니스에 대해 배우거나 귀하의 콘텐츠에 참여하는 것이 차단되었습니다.

디지털 접근성이 중요한 이유

도덕적인 관점에서 볼 때, 어느 누구도 차별을 받고 싶어하지 않는다는 것은 말할 필요도 없습니다. 하지만 이것이 고객의 웹사이트에 중요한 이유는 무엇일까요?

수익과 경쟁 우위를 위해

웹 사이트를 구축할 때 웹 접근성을 고려하지 않음으로써 고객의 청중, 비즈니스 잠재력 및 재정적 성장을 제한하게 됩니다.

하지만 디지털 접근성 조치로 실제로 혜택을 받는 사람은 극소수에 불과하지 않습니까?

Tyler에 따르면, 다루어야 할 전체 시장은 생각보다 더 중요할 수 있습니다. “인구의 20%는 디지털 기술과 상호 작용하는 방식을 변화시킬 어떤 형태의 장애를 갖고 있습니다.”라고 그는 말합니다.

그리고 이는 상황적 또는 일시적 장애(accessCAN)도 고려하지 않은 것입니다.

타일러는 “아마도 오른팔이 부러졌을 수도 있어요”라고 설명했다. "이제 키보드를 제대로 사용할 수가 없어요. 어쩌면 아기를 안고 있을지도 모르죠. 이제는 일종의 텍스트 음성 변환 기능이 필요합니다." 결국, 접근 가능한 웹사이트를 갖는 것은 모든 사람에게 이익이 될 가능성이 있습니다.

Tyler는 "이러한 모든 기능은 장애가 있는 사용자를 위한 도구로 시작했지만 결국 CEUD(유니버설 디자인 측면)에서는 누구에게나 사용할 수 있는 기능이 되었습니다."라고 결론을 내렸습니다.

또한 영업 관점에서 중소기업 고객에게 다양한 솔루션을 판매하는 대행사 소유자 또는 디지털 리셀러인 경우 웹 사이트 디자인 프레젠테이션의 일부로 디지털 접근성을 포함하는 웹 사이트 디자인 및 개발을 제공하는 것이 좋습니다. 주요 차별화 요소이자 더 가까운 거래입니다.

법규 준수를 위해

물리적 접근성과 웹 접근성은 이제 동일한 스펙트럼에 존재하며, 적응하지 못하면 귀하의 비즈니스와 고객에게 큰 법적 위험이 발생할 수 있습니다.

건물을 건설하기 위해 청사진 초안을 작성하려면 앞서 언급한 경사로 및 ​​난간과 같은 접근성 기능을 포함해야 하는 법적 요구가 있습니다. 이제 디지털 공간에도 동일한 종류의 규제가 적용되고 있습니다. WCAG(웹 콘텐츠 접근성 지침)는 청사진을 제공합니다. 이러한 지침에는 국가마다 다른 추가 차이점도 있습니다.

예를 들어, 미국에서는 미국 장애인법(Americans with Disability Act) 제3장에서 "공공 시설의 개인 장소에서 장애인을 차별하는 것을 금지"합니다(ADA). 그리고 판사들은 이제 웹사이트가 그러한 장소라고 판결하고 있습니다.

Tyler에 따르면 매년 대기업은 물론 중소기업의 디지털 부문에 대해 수만 건의 Title III 불만 사항이 접수되고 있습니다.

이러한 웹 접근성 소송이 기다리고 있음에도 불구하고 Tyler는 "현재 웹의 5%만이 액세스 가능"하다고 추정합니다(AudioEye).

디지털 접근성을 제공하는 방법

그래서 당신은 시작하고 싶습니다… 내일. 접근성 전도사 Alisa Smith에 따르면, 경쟁 우위를 확보하여 더 많은 수익을 창출하려면 지금부터 디지털 접근성의 우선순위를 정해야 합니다.

20년이 넘는 경험을 보유한 Alisa는 장애가 있는 사람들로부터 정기적으로 피드백과 통찰력을 수집하여 팀이 접근성 솔루션을 만들 때 전략적 방향을 제시할 수 있습니다. 지금 당장 취할 수 있는 몇 가지 단계는 다음과 같습니다.

라벨 버튼

레이블이 없는 버튼은 Alisa가 웹 접근성 감사를 수행할 때 직면하는 가장 빈번한 문제 중 하나입니다.

"텍스트를 표시하는 웹 사이트에 버튼을 배치하는 경우 텍스트가 텍스트 이미지가 아닌 일반 텍스트인지 확인하세요."라고 Alisa는 제안합니다. "텍스트 이미지인 경우 웹사이트에 액세스하는 모든 사람이 텍스트 음성 변환이나 화면 판독기를 사용하여 콘텐츠를 인식하고 이해할 수 있도록 대체 텍스트를 제공해야 합니다."라고 그녀는 계속 말합니다.

이미지에 설명 추가

대체 텍스트에 대해 말하면, 대체 텍스트는 시각 장애가 있는 사람이 맥락을 이해할 수 있도록 이미지에 레이블을 지정하는 방법입니다. 웹 사이트의 이미지에 설명이 없으면 사람들이 웹 사이트의 전체 효과를 놓치고 최악의 경우 완전히 혼란스러워 탐색할 수 없게 될 위험이 있습니다.

Google은 웹 접근성을 우선시하고 미국 장애인법(American Disability Act)을 준수하기 때문에 대체 텍스트는 검색 엔진 최적화(SEO)에도 필수적입니다.

Alisa는 대체 텍스트 작성과 관련하여 또 다른 팁을 제공합니다. 창의력을 발휘하고 언어를 사용하여 올바른 톤, 느낌 또는 분위기를 전달하세요. “우리는 단지 모든 정보가 페이지에 있는지 확인하는 것이 아니라 고품질 경험을 지향하고 있습니다.”라고 그녀는 말합니다. 예를 들어, "낭만적인 해변 휴양지의 커플"은 설명이 기술적으로 정확하더라도 "해변을 걷고 있는 사람들"과는 상당히 다른 그림을 그립니다.

제목 사용

페이지를 빠르게 훑어보고 제목을 메모하는 경우가 얼마나 자주 있습니까? 아마도 당신도 이 글을 읽는 동안에도 그렇게 했을 것입니다! 제목을 사용하는 것은 일반적으로 정보를 정리하는 좋은 방법이지만 디지털 접근성에 있어서는 필수적일 수 있습니다.

색상이나 글꼴 크기를 통해 웹페이지 정보의 계층 구조를 시각화할 수 없는 사람들을 위해 제목을 사용하면 화면 판독기와 같은 보조 기술을 통해 페이지 아래로 제목을 건너뛸 수 있습니다.

색상을 고려하세요

브랜딩에 있어서는 트렌디함보다 기능성을 고려하세요.

톤온톤(tone-on-tone) 웹사이트 디자인은 그 순간에는 미적으로 기분 좋은 것일 수 있지만, 시각 장애가 있거나 난독증이 있거나 색맹인 개인에게는 완전히 읽기 어려울 수 있습니다.

• 대비가 더 높은 색상을 선택하세요
• 색상이 대화형 요소(예: 링크)의 유일한 표시가 아닌지 확인하세요.
• 중요한 정보를 전달하기 위해 색상을 사용하지 마십시오(즉, 무언가가 "좋음" 또는 "나쁨"을 나타냄).

단점을 인정하고 개선할 계획

마지막으로 투명성을 유지하는 것이 중요합니다. 현재 디지털 접근성이 완전히 파악되지 않아도 괜찮습니다. 그러나 눈앞에 있는 기회를 인정하고 행동 계획을 간략하게 설명함으로써 신뢰를 구축하고 개선에 전념하게 됩니다.

이는 취해야 할 조치에 대한 일정을 포함하여 웹 사이트에 접근성 설명을 포함하거나 웹 사이트 평가를 시작하는 것 등 무엇이든 의미할 수 있습니다.

그리고 아마도 Tyler D'Amore와 Alisa Smith 덕분에 귀하는 클라이언트와 고객이 보다 접근하기 쉬운 환경을 향한 첫 걸음을 내딛는 데 필요한 것을 이미 갖추고 있을 것입니다.

타일러 다모어 소개

Tyler D'Amore는 접근성 분야의 리더이자 디지털 포용성을 적극적으로 옹호하는 사람입니다. AudioEye Inc.의 전략적 파트너십 부사장인 Tyler는 ADA 관련 디지털 접근성 요구 사항에 대한 법적, 기술적 요구 사항을 심층적으로 이해하고 있습니다. 그는 국제 접근성 전문가 협회(International Association of Accessibility Professionals) 회원 위원회에 참여하고 있으며 이전에는 위원회 위원장을 역임했습니다.

알리사 스미스 소개

AudioEye Inc. 의 접근성 전도사인 Alisa Smith는 디지털 시장, 자동차 및 금융 서비스 업계에서 디자인, 개발 및 품질 보증 분야에서 20년의 기술 경력을 쌓은 열정적인 접근성 옹호자입니다.