온라인 상점에 액세스할 수 있는지 확인하는 방법

온라인 쇼핑을 통해 누구나 여가 시간에 다양한 제품을 둘러보고 구매할 수 있습니다. 물론 사람마다 취향, 습관, 선호도가 다르기 때문에 쇼핑 과정과 경험은 모두 다릅니다. 그러나 어떤 사람들에게는 온라인 쇼핑이 상당히 어려울 수 있습니다.

일부 인터넷 쇼핑객은 인터넷 연결이 좋지 않은 국가에 거주할 수 있습니다. 또는 웹 사이트를 탐색하고 액세스하기 위해 화면 판독기에 의존해야 할 수도 있습니다. 그리고 일부 사람들은 영구적 또는 일시적 장애로 인해 키보드를 사용하여 웹 사이트를 탐색할 수 있습니다.

사실, 미국에서만 모든 장애인 성인의 54%가 매일 인터넷을 사용합니다. 즉, 상태와 조건에 관계없이 모든 사람이 상점에 액세스할 수 있도록 해야 합니다.

이 게시물에서는 접근성이 무엇인지 다루고 전자 상거래 매장이 접근성 지침을 준수하는지 확인하기 위해 온라인 매장 소유자가 취해야 하는 조언과 단계를 공유합니다.

전자 상거래 접근성이란 무엇입니까?

전자 상거래 접근성과 관련하여 장애가 있는 사람들이 어려움 없이 웹에 액세스하고 기여하고 사용할 수 있음을 의미합니다.

시각, 청각, 인지 또는 기타 영구적인 장애와 같은 신체 장애뿐만 아니라 부상이나 노화로 인한 일시적인 장애와 느린 인터넷 연결과 같은 외부 요인으로 인한 장애가 포함됩니다.

중요한 이유

접근성이 중요한 가장 중요한 이유는 매장을 방문하고 상호 작용하는 사람을 통제할 수 없기 때문입니다. 상점이 접근성 지침을 준수하지 않으면 법정에 서게 되며 상당한 벌금을 물게 됩니다.

또한 웹 접근성은 우리의 기본 인권 중 하나이며 비즈니스에 큰 영향을 미칩니다. 온라인 상점에 액세스할 수 있는 경우 모든 사용자에게 가능한 최고의 사용자 경험을 제공하도록 최적화되어 있으며, 이는 더 나은 고객 만족도, 브랜드 충성도 및 수익 증대로 이어집니다.

마지막으로 접근성이 중요한 마지막 이유는 접근성 지침을 준수한다는 것은 상점이 권장 코딩 표준을 따르고 의미 체계 마크업을 사용한다는 것을 의미하기 때문입니다. 이것은 검색 엔진에서 더 나은 순위에 기여하여 더 많은 유기적 트래픽을 얻을 수 있음을 의미합니다.

온라인 스토어 접근성을 확인하는 방법

온라인 스토어에 액세스할 수 있는지 확인하는 특정 팁을 살펴보기 전에 먼저 스토어에 액세스할 수 있는지 여부를 확인해야 합니다. 다음은 가지고 있는 것을 테스트하는 몇 가지 방법입니다.

• 온라인 상점을 방문하여 마치 색맹과 같은 장애가 있거나 키보드에 의존하여 주변을 탐색하고 결제 프로세스를 진행하는 것처럼 구매 프로세스를 진행하십시오.
• WAVE 웹 접근성 도구와 같은 서비스를 사용하여 사이트에 대한 잠재적인 문제, 오류 및 경고를 확인하십시오. 이 무료 도구는 빈 링크와 버튼, 텍스트와 배경 간의 낮은 대비 등과 같은 오류가 있는지 알려줍니다.
• UserTesting.com과 같은 서비스를 사용하여 실제 사용자로부터 피드백을 받으십시오. 이를 통해 고객 및 사용자 경험을 개선하는 데 사용할 수 있는 객관적인 피드백을 얻을 수 있습니다.

온라인 상점을 액세스 가능하게 만드는 방법

웹 접근성 지침은 W3C에서 1999년에 발표했습니다. 그들은 지침과 최신 버전 날짜를 2008년 12월까지 유지 관리할 책임이 있습니다.

이러한 지침에 따르면 웹사이트에 액세스할 수 있으려면 해당 웹사이트에서 찾은 정보가 인지 가능하고 작동 가능하며 이해 가능하고 견고해야 합니다. 이러한 기준 중 하나라도 누락된 경우 해당 특정 웹사이트에 액세스할 수 없는 것으로 간주됩니다.

평신도의 관점에서 이것은 방문자가 일단 귀하의 온라인 상점을 방문하면 귀하의 사이트에 있는 정보를 인식, 사용 및 이해할 수 있어야 함을 의미합니다. 이 정보는 다양한 보조 기술이 올바르게 해석할 수 있도록 충분히 강력해야 합니다.

다음은 모든 사람이 온라인 상점에 액세스할 수 있도록 웹 접근성 지침에 따라 따라야 할 주요 사항입니다.

• 버튼과 링크를 다룰 때 물음표나 별표를 추가하여 콘텐츠의 나머지 부분과 다르게 만들고 색맹인 사람들이 자신이 무엇인지 이해할 수 있도록 하십시오.
• 텍스트와 배경과 관련하여 고대비 색상을 사용하십시오. 흰색 배경에 검정 텍스트는 색상환에서 서로 비슷하거나 가까운 색상을 사용하는 것보다 더 잘 작동합니다.
• 애니메이션 GIF 및 번쩍이는 애니메이션과 같은 발작을 유발하는 콘텐츠를 사용하지 마십시오.
• 가능하면 보안문자 사용을 제거하거나 제한하십시오. 연구에 따르면 CAPTCHA는 액세스할 수 없는 것으로 간주되는 것 외에도 스패머에 대해 크게 비효율적입니다.
• 점자 지원 및 마우스와 키보드로 인쇄를 확대하는 기능을 온라인 상점에 추가하십시오.
• 제품 페이지 및 스토어의 다른 곳에서 사용되는 이미지, 비디오 및 오디오와 같은 콘텐츠에 대한 대체 텍스트 및 텍스트 설명을 포함합니다.
• 제목, 부제목, 글머리 기호 및 짧은 단락과 같은 서식 옵션을 사용하여 제품 설명 및 기타 콘텐츠를 더 쉽게 읽을 수 있습니다.
• 전문 용어, 기술 용어 및 약어를 정의하지 않고 사용하여 상점의 콘텐츠를 이해하기 쉽도록 하십시오.
• 링크의 텍스트가 이해하기 쉽고 "여기를 클릭하십시오"와 같은 일반적인 용어를 사용하지 않고 링크 대상을 설명하는지 확인하십시오.
• 링크가 새 탭에서 열리도록 설정되어 있는 경우 사용자에게 알려야 합니다.
• 버튼, 메뉴 항목, 드롭다운 메뉴 및 탐색은 키보드와 마우스를 통해 액세스할 수 있어야 합니다.
• 방문자가 페이지가 로드되는 즉시 주요 콘텐츠로 이동할 수 있도록 각 페이지 상단에 건너뛰기 링크가 포함되어 있는지 확인합니다.
• 체크아웃 양식에는 필드의 용도를 명확하게 설명하는 적절한 레이블이 있어야 합니다. 또한 체크아웃 양식의 각 필드가 방문자에게 경고 및 확인 메시지를 제공하는지 확인하고 싶을 것입니다.
• 사용자가 웹사이트를 방문할 때 자동으로 재생되는 음악이나 비디오를 사용하지 마십시오. 비디오 및 오디오 트랙과 같은 콘텐츠에는 재생, 일시 중지 및 중지 버튼에 대한 컨트롤이 명확하게 표시되어야 합니다. 이러한 유형의 콘텐츠에는 가능하면 자막과 수화뿐만 아니라 스크립트도 포함되어야 합니다.
• 구매 인보이스 또는 이와 유사한 PDF 영수증과 같은 다운로드를 트리거하는 버튼에는 방문자가 버튼을 클릭하면 어떻게 되는지 알려주는 설명이 있어야 합니다.
• 개발자와 이야기하고 WAI-ARIA 역할을 사용하여 아코디언 및 탭, 해당 기능 및 상태와 같은 HTML 요소에 의미를 제공하도록 요청하십시오. 뿐만 아니라 일반적으로 포커스를 받지 않는 요소에 tabindex를 추가합니다.
• WP 접근성과 같은 플러그인을 사용하여 키보드 포커스 제공, 링크가 다른 창에서 열리지 않도록 방지 등과 같은 일반적인 접근성 문제를 해결하는 것을 고려하십시오.