2023년에 접근 가능한 B2B 웹사이트를 만드는 방법

2023년 현재까지 장애가 있는 사용자는 블로그, 웹사이트 및 기타 다양한 자료에 액세스하는 데 어려움을 겪고 있습니다. 마케팅 자료가 장애가 있는 사람들에게 적합하지 않은 의도하지 않은 배제의 명확한 패턴이 있습니다.

웹 사이트의 3%만이 장애가 있는 사용자가 액세스할 수 있습니다. 액세스 가능한 B2B 웹 사이트의 수는 훨씬 적습니다.

그리고 콘텐츠 게이팅 양식 및 긴 형식 블로그와 같은 고유한 대화형 도구를 제공하는 이러한 사이트에서 웹 접근성을 달성해야 할 필요성이 시급합니다.

이 블로그에서는 웹사이트 접근성이 무엇인지, 어떻게 달성하는지, 그리고 B2B 기업이 시장에서 서비스가 매우 부족한 부분으로 도달 범위를 확장하는 데 어떻게 도움이 되는지 설명함으로써 격차를 해소하는 데 도움을 드릴 것입니다.

웹 접근성이란 무엇이며 왜 중요한가요?

웹 접근성 표준 및 모범 사례는 장애가 있는 사용자가 웹 기반 경험에 참여할 수 있도록 보장합니다.

여기에는 웹사이트 탐색, 전자책 다운로드, 웨비나 시청 등이 포함됩니다.

접근성에 대한 만병통치약은 없습니다. 장애에는 다양한 유형이 있으며 각 유형은 다양한 사람들에게 광범위한 영향을 미칠 수 있습니다.

그러나 웹 사이트 소유자는 표준화된 방식으로 이러한 영향을 해결할 수 있습니다.

웹 콘텐츠 접근성 지침 (줄여서 WCAG) 은 장애가 있는 웹 사용자의 요구 사항을 해결하기 위한 모범 사례를 설정합니다.

이 가이드라인을 따른다고 해서 모든 장애가 있는 사람이 귀하의 웹사이트를 사용할 수 있다는 보장은 없습니다. 그러나 웹 사이트 소유자가 웹 경험을 보다 포괄적으로 만들 수 있는 공통 출발점을 제공합니다.

WCAG는 또한 미국 장애인법(ADA) 준수의 핵심입니다.
대부분의 경우 WCAG를 준수하는 웹사이트는 ADA도 준수합니다.

WCAG 프로토콜을 따르는 것이 ADA 준수를 보장하는 가장 좋은 방법 입니다.

모든 웹사이트가 규정 준수를 염두에 두고 설계된 것은 아닙니다. 사실, 아주 소수입니다.

그렇기 때문에 B2B 웹사이트 소유자는 WCAG 규정 준수 검사기를 사용하여 웹 접근성을 개선하는 방법을 찾습니다. 이렇게 하면 귀하와 WCAG 규정 준수 사이에 무엇이 있는지 파악하는 데 도움이 됩니다. 최적의 웹 접근성 상태를 달성하기 위해 조정해야 하는 웹 사이트 영역을 강조하는 자세한 보고서가 제공됩니다.

장애인 커뮤니티의 구매력

접근성은 도덕적 관점에서 중요하지만 가치 있는 브랜드 차별화 요소이기도 합니다.

전 세계 인구의 약 15%가 어떤 형태로든 장애를 경험합니다. 장애는 국가적 또는 문화적 장벽에 의해 제한되지 않습니다. 그들은 지구상의 모든 곳에서 모든 인구 통계에 영향을 미칩니다.

이는 고객 청중이 부분적으로 장애가 있는 사람들로 구성되어 있음을 의미합니다. Kessler Foundation은 장애가 있는 사람들이 미국 노동력의 증가하는 비율을 형성한다고 보고합니다. 전년 대비 추세는 일관된 백분율 포인트 증가로 계속해서 힘을 얻고 있습니다.

이 사람들을 무시하는 것은 부당할 뿐만 아니라 현명하지도 않습니다.

B2B 마케팅 전략이 블로그에 대한 유기적 트래픽 유도에 의존하는 경우 잠재 고객의 약 15%를 제외하는 것은 이치에 맞지 않습니다.

그러나 이것이 바로 많은 기업이 하는 일입니다.

장애가 있는 사람들에게 웹 접근성은 사용자 경험에 절대적으로 중요합니다.

이들 중 많은 사람들이 규정을 준수하지 않는 웹사이트를 사용할 수 없다고 생각합니다. 그들은 다른 사람들과 마찬가지로 콘텐츠와 만나지만 그것과의 상호 작용에서 완전히 배제됩니다.

그 콘텐츠는 B2B 구매자의 여정에서 중요한 역할을 합니다.

그것은 옳은 일이며 수익성 있는 비즈니스 전략이기도 합니다.

접근 가능한 웹 사이트를 만드는 방법

공식 WCAG 2.1 문서에는 100페이지 이상의 고도로 기술적인 웹 디자인 및 상호 작용 표준이 포함되어 있습니다. 많은 규칙, 조항 및 규정이 있는 위협적인 문서입니다.

그러나 액세스 가능한 웹 사이트를 구축하기 위해 액세스 가능성에 대한 전문가가 될 필요는 없습니다.
많은 WCAG 2.1 프로토콜은 이해하기 쉬운 핵심 원칙 집합을 중심으로 합니다.

웹사이트에서 이를 구현하면 접근성 준수를 잘 수행할 수 있습니다.

키보드 탐색 허용

마우스는 훌륭한 도구이지만 접근성이 좋지 않습니다. 터치패드와 터치스크린 디스플레이도 마찬가지입니다. 시각 또는 운동 능력 장애가 있는 사람은 이러한 장치를 사용할 수 없습니다.

대신 장애가 있는 많은 사람들이 특수 키보드를 사용합니다.
이와 같은 장치는 Stephen Hawking의 뺨 경련과 같은 거의 모든 종류의 물리적 입력을 키보드 명령으로 전환할 수 있습니다.

마찬가지로 JAWS와 같은 화면 읽기 소프트웨어는 완전히 키보드 명령에서 작동합니다. 웹사이트에 키보드로 액세스할 수 없는 버튼이나 기능이 있는 경우 스크린 리더 사용자는 이를 사용할 수 없습니다.

사람들이 키보드 명령만을 사용하여 웹사이트를 탐색하고 콘텐츠를 소비하도록 허용하는 것은 사이트 전체 접근성을 개선하는 가장 좋은 방법 중 하나입니다.

이는 대화형 콘텐츠(예: 비디오 양식)를 사용하여 잠재 고객을 캡처하고 전환하는 B2B 웹 사이트에 특히 중요합니다.

제목 계층 활용

제목은 스크린 리더 사용자에게 특히 중요합니다.
이러한 솔루션은 웹 페이지의 제목 구조를 기반으로 텍스트 콘텐츠를 함께 그룹화합니다. 이를 통해 시각 장애가 있는 사용자가 페이지의 모든 단어를 읽을 필요 없이 콘텐츠를 훑어볼 수 있습니다.

귀하의 웹 페이지가 적절한 HTML 제목을 사용하지 못하면 그들은 이것을 할 수 없습니다.

일반적으로 이는 콘텐츠 작성자가 일반 텍스트 블록을 추가 일반 텍스트로 나눌 때 발생합니다. 구분 텍스트는 확대되거나 굵게 표시될 수 있지만 제목은 아닙니다. 스크린 리더는 페이지의 다른 모든 것과 동일한 방식으로 해당 텍스트를 읽습니다.

제목은 웹 페이지 구조의 일부입니다. 일반적으로 H1에서 H4까지 특정 중요도 계층에 태그가 지정됩니다. 모든 서식 있는 텍스트 편집기에서는 콘텐츠 작성자가 이러한 제목을 사용하여 텍스트 블록을 구분할 수 있습니다. 귀하의 웹 사이트가 동일한지 확인하십시오.

설명 대체 텍스트 추가

이미지 파일은 스크린 리더 사용자에게 문제가 됩니다. 스크린 리더가 이미지 파일을 발견하면 이미지의 대체 텍스트 태그를 사용자에게 읽어줍니다. 대체 텍스트가 없으면 소프트웨어는 단순히 "이미지"라고 말한 다음 계속 진행합니다.

이미지에 대체 텍스트를 추가하면 스크린 리더 사용자가 놓칠 수 있는 문맥상의 단서를 이해할 수 있습니다. 해당 이미지에 중요한 정보가 있는 경우 alt-text 태그는 화면 판독기가 해당 정보를 얻을 수 있는 유일한 위치입니다.

이것은 서면 콘텐츠를 지원하는 이미지에 특히 중요합니다. 차트, 인포그래픽 및 기타 설명 이미지는 B2B 콘텐츠 마케팅에서 중요한 역할을 합니다. 대체 텍스트 태그는 시각 장애가 있는 사용자가 해당 이미지를 제대로 이해할 수 있도록 합니다.

대체 텍스트 태그는 설명이 많을수록 좋습니다.
이미지의 가치를 캡슐화하고 애초에 선택한 이유를 보여주세요.

완벽한 색상 대비 예술

잘못된 색상 대비는 유용성과 접근성 모두에 막대한 영향을 미칠 수 있습니다. 완벽한 시력을 가진 사람도 비슷한 색상의 배경 위에 쓰여진 텍스트를 쉽게 읽을 수 없습니다. 접근 가능한 웹 사이트 텍스트는 적절한 색상 대비를 제공하는 배경에 대해 설정되어야 합니다.

대부분의 웹사이트에서 색상 대비는 본문 텍스트에서 어려운 문제가 아닙니다. 배너, 헤더 텍스트 및 페이지 제목에서 훨씬 더 일반적인 문제입니다. 이 텍스트는 종종 이미지 위에 놓이기 때문입니다. 텍스트와 이미지의 색상이 너무 비슷하면 읽을 수 없습니다.

Rock Content의 홈페이지는 작업 중인 색상 대비의 좋은 예입니다. 기본 이미지 뒤에 연한 자주색 플레어 배경이 있고 위에 검은색 텍스트가 있습니다. 간단하고 효과적이며 읽기 쉽습니다.

웹 사이트에서 색상 대비를 수정하기 위해 수행할 수 있는 몇 가지 작업이 있습니다.

명암비가 4.5:1이 되도록 텍스트 색상을 조정하는 것이 가장 쉬운 솔루션 중 하나입니다.
액세스 가능한 많은 웹사이트는 배경 이미지와 헤더 텍스트 사이에 투명 상자를 배치합니다. 다른 사람들은 머리글 텍스트를 이미지 위가 아니라 이미지 옆으로 이동합니다.

동영상에 액세스할 수 있는지 확인

비디오 마케팅은 모든 최신 B2B 마케팅 전략의 핵심 구성 요소입니다. 제품을 선보이거나 새로운 기술을 시연하려는 경우 선택할 수 있는 가장 몰입도 높은 형식은 비디오입니다.

그러나 비디오는 장애가 있는 사용자에게 가장 까다로운 형식 중 하나일 수도 있습니다. 오디오 및 시각적 정보를 결합하여 이야기를 전달하며 대부분의 비디오 플레이어에는 포인트 앤 클릭 인터페이스가 있습니다.

캡션과 스크립트는 장애인이 비디오 콘텐츠를 즐길 수 있도록 하는 데 중요한 역할을 합니다. 캡션은 난청이 있는 사람들에게 이상적이며 스크립트를 통해 스크린 리더 사용자도 따라갈 수 있습니다.

비디오 콘텐츠에 대한 키보드 탐색 가능성을 보장하는 것은 어려울 수 있습니다. 모든 비디오 호스팅 공급자가 접근 가능한 사용자 경험을 제공하는 것은 아닙니다. 스크립트를 게시하면 이 요구 사항을 우회할 수 있지만 비디오 콘텐츠의 의미를 항상 완벽하게 전달하는 것은 아닙니다.

양식도 마찬가지입니다.

양식을 사용하여 비디오 콘텐츠를 게이트하는 경우 액세스 가능하고 작성하기 쉬운지 확인해야 합니다. 명확하게 읽을 수 있고 키보드로 탐색할 수 있어야 하며 스크린 리더와 호환되어야 합니다.

강력한 타사 솔루션으로 규정 준수 최적화

WCAG 프로토콜에는 엄청난 수의 기술 설계 세부 정보가 포함되어 있습니다. 여기에는 특정 색상 명암비, 조작성 표준, 앵커 링크 성능 등이 포함됩니다.

이 모든 것을 수동으로 확인하는 것은 어렵고 시간이 많이 걸리는 프로세스입니다. 웹 사이트의 모든 페이지에서 수백 개의 사소한 기술 세부 정보를 암기하고 확인하고 상호 참조해야 합니다.

웹 접근성 도구를 사용하면 이 작업을 자동화할 수 있습니다. accessWidget과 같은 도구는 AI를 통합하여 사이트 내에서 액세스할 수 없는 코드 를 자동으로 수정합니다.

또한 장애가 있는 웹사이트 방문자가 개별 필요에 따라 웹사이트의 UI를 수정할 수 있습니다. 여기에는 색상 및 디스플레이 옵션 조정, 키보드 탐색 활성화, 스크린 리더 기술 조정이 포함됩니다.

WCAG 표준의 모든 요구 사항을 자동화할 수 있는 것은 아닙니다. 이러한 요구 사항 중 일부는 콘텐츠가 사용자에게 "의미"를 전달하는 방식을 나타냅니다. 인간만이 그것을 확인할 수 있습니다.

접근성은 지속적인 노력입니다.

접근성은 확인해야 할 규정 준수 상자 이상입니다. 장애가 있는 모든 사람이 귀하의 웹 사이트와 모든 콘텐츠에 액세스할 수 있다고 보장할 수 있는 방법은 없습니다. 접근성 여정의 일부에는 장애가 있는 사람들로부터 피드백을 받고 이를 구현하는 것이 포함됩니다.

그 여정을 빨리 시작할수록 결과는 더 좋아질 것입니다. 시간을 내어 웹 사이트를 감사하고 콘텐츠 접근성을 개선할 수 있는 영역을 식별하십시오. 장애 커뮤니티에 연락하여 성공과 통합에 투자하고 있음을 보여주십시오. 그것은 친절하게 응답할 것입니다.

다양한 청중에게 비즈니스를 마케팅하는 방법에 대한 자세한 지침은 마케팅 계획 번들을 확인하십시오.