전자 상거래 웹사이트에 액세스할 수 있도록 만드는 7가지 팁

인구의 15~20%가 시각, 운동 관련 또는 청각 장애와 같은 일종의 장애로 인해 영향을 받는다는 사실을 알고 계셨습니까? 우리와 같은 연결된 온라인 사회에서는 사이트의 접근성을 최적화 하는 것이 절대적으로 중요합니다.

웹 접근성은 전자 상거래 웹사이트를 가능한 한 많은 사람들 ( 장애의 영향을 받는 사람들 포함)이 액세스할 수 있도록 하여 훨씬 더 많은 청중에게 다가갈 수 있도록 하는 데 사용되는 기술 및 관행의 범위로 정의할 수 있습니다. 그러면 사이트를 구성하는 다양한 페이지에서 트래픽과 전환을 늘릴 수 있습니다.

잘 준비된 사이트는 수백만 명의 잠재 방문자 를 놓치는 것을 방지합니다. 또한 디지털 방식으로 액세스할 수 있는 웹사이트가 있으면 SEO 순위가 향상됩니다 !

국제적으로 전자 상거래 비즈니스를 성장시키고 발전시키는 방법을 알아보십시오.

신체적 또는 정신적 능력이 저하될 수 있는 장애인 또는 노인이 액세스할 수 있는 전자 상거래 웹사이트를 보유하고 유지하는 것은 특정 규칙을 준수하는 것을 의미합니다.

• 맹인/시각 장애가 있는 경우: 예를 들어 음성 브라우저를 사용하는 것과 같이 오디오 형식으로 콘텐츠를 들을 수 있는 방법이 필요합니다.
• 움직임 관련 장애가 있는 사용자: 마우스를 사용하지 않고 웹사이트를 탐색할 수 있는 가능성을 제공하는 것이 중요합니다.

가능한 한 많은 사람들이 전자 상거래 웹 사이트에 액세스할 수 있도록 하려는 경우 고려해야 할 중요한 측면입니다. 제자리에 놓아야 할 것들이 많이 있습니다.

그래서 여기 당신 의 웹사이트 를 보다 쉽게 ​​접근할 수 있도록 도와줄 7 가지 팁 이 있습니다 .

인체 공학적이고 사용자 친화적으로 만드는 가장 좋은 방법을 생각하십시오.

ISO 9241 표준 은 사용성을 다음과 같이 정의합니다. "특정 사용자가 시스템, 제품 또는 서비스를 사용하여 효과, 효율성 및 만족으로 지정된 목표를 달성할 수 있는 정도."

단순히 미학적으로 만족스러운 웹사이트를 갖는 것만으로는 충분하지 않습니다. 인체 공학과 사용자 친화성은 양질의 전자 상거래 사이트를 디자인하는 데 필수적 입니다. 사실, 이것들은 소홀히 하거나 간과해서는 안 되는 측면입니다. 사용자 경험 을 최우선으로 하면 사이트가 긍정적인 인상을 주고 사용자가 사이트를 다시 방문하여 친구와 가족에게 알릴 가능성이 높아집니다 . 실제로 웹사이트 개발을 시작하기 전에 웹사이트의 인체 공학에 대해 신중하게 생각하고 계획해야 합니다. 여기에는 페이지가 사용자와 인터페이스하는 방식과 메뉴를 표시하는 방식을 모두 살펴보는 것이 포함되며, 이는 모두 사용자 경험을 더 쉽게 만드는 데 도움이 됩니다. 웹사이트를 탐색하기 쉽게 만들면 잠재 고객 풀이 확장됩니다!

가장 적절한 구조를 사용

HTML 을 적절하게 사용하기만 하면 많은 웹 콘텐츠에 쉽게 액세스할 수 있습니다. 웹페이지는 페이지 코드에서 쉽게 찾을 수 있고 즉시 편집할 수 있는 수많은 태그로 구성됩니다. 태그에는 다양한 유형이 있습니다. 각각은 고유한 의미와 웹페이지 구조에 대한 고유한 효과를 가지고 있습니다. 모든 태그에는 특정 목적이 있습니다. 올바른 방법으로 사용하십시오!

형식과 내용을 별도로 유지

전자상거래 사이트의 접근성을 높이 려면 콘텐츠 (텍스트, 이미지, 메뉴 등)가 포함된 HTML 파일 을 웹사이트의 스타일 및 형식 을 정의하는 데 사용되는 CSS 파일 과 별도로 보관해야 합니다. 이렇게 하면 사이트 구조가 더 명확해지고 여러 가지 다른 유형의 디자인을 만들 수 있습니다. 이를 통해 특정 유형의 장애가 있는 사람들에게 유용한 텍스트 전용 버전뿐만 아니라 스마트폰이나 태블릿 등에서 사용하기에 더 적합한 더 큰 텍스트와 콘텐츠가 포함된 버전을 제공할 수 있습니다.

이미지에 대체 텍스트(대체 텍스트)를 제공하는 것을 잊지 마십시오.

대체 텍스트는 짧은 이미지 설명 입니다. 그것들은 HTML 코드의 일부를 형성하며 시각 장애가 있는 사용자가 실제로 보지 않고도 이미지가 묘사하는 것을 찾을 수 있도록 합니다 .

첫 번째 단계로 존재하는 세 가지 유형의 이미지를 구별하는 것이 중요합니다.

• 버튼과 같은 간단한 정보를 제공하는 이미지
• 차트 또는 그래프와 같이 보다 복잡한 정보 를 제공하는 이미지입니다. 이러한 종류의 이미지는 이미지 내용을 자세히 설명하는 HTML 페이지로 연결되는 매개변수를 사용할 수 있습니다.
• 전자 상거래 웹사이트에 시각적 장식을 추가 하지만 총알이나 프레임과 같은 정보 측면에서 관심을 추가하지 않는 장식 이미지.

제품 시트가 있는 전자 상거래 사이트의 경우 시각 장애가 있는 경우 사용자를 안내하는 데 대체 텍스트를 사용하는 것이 필수적입니다.

이러한 대체 텍스트는 고려해야 할 중요한 사항입니다. 그들은 당신의 SEO 순위를 향상 하는 데 도움이됩니다.

색상과 대비를 올바르게 조정

쉽고 편안한 독서 경험을 보장하기 위해 충분히 다른 색상을 선택하십시오. 밝은 배경에 어두운 텍스트 와 같은 간단한 조합을 선택하십시오. 텍스트와 페이지 배경 사이에 강한 대비 를 유지하는 것이 매우 중요합니다.

화면에 표시되는 색상이 모든 사용자에게 반드시 동일하지는 않다는 사실을 인식하는 것이 중요합니다. 이것은 모두 화면 설정 과 사용자 자신의 시력 에 따라 다릅니다.

유용한 팁 : 보편적으로 접근 가능한 글꼴 및 타이포그래피 등을 사용하여 HTML 접근성 표준을 준수합니다.

하이퍼텍스트 링크에 ​​대한 명확한 정보 제공

모호함이 적을수록 웹 사이트에 더 쉽게 액세스할 수 있습니다!

링크는 연결되는 페이지와 관련하여 때때로 정확성이 부족할 수 있습니다. 사이트에 포함된 모든 버튼과 링크는 사용자가 어디로 연결되는지 알 수 있도록 정확한 설명 이 있어야 합니다.

예시

시각 장애가 있는 방문자가 주문 추적 기능에 액세스하여 주문을 추적하려고 합니다. "여기를 클릭하십시오" 버튼을 만드는 것은 좋은 생각이 아닙니다. 일부 방문자는 웹사이트 페이지를 탐색할 때 점자 단말기 또는 음성 합성기 를 사용합니다. 따라서 사용자에게 즉시 더 많은 정보를 제공할 "주문 진행 상황 추적" 과 같은 보다 정확한 설명 이 있는 버튼을 사용하십시오.

새 창을 열지 마십시오.

팝업 창 은 새로운 것 또는 어떤 종류의 이벤트를 광고 하는 데 매우 유용할 수 있고 일부 사용자는 열려 있는 모든 페이지를 볼 수 있는 것이 편리하다고 생각하지만 그럼에도 불구하고 다른 사용자에게는 심각한 방해 가 될 수 있습니다( 특히 시각 장애인). 새 창은 기본적으로 탐색 리듬을 "깨뜨리고" 사용자가 길을 잃도록 할 수 있습니다. 그러므로 가능하다면 간단한 오른쪽 클릭을 하도록 요구하여 다른 페이지를 열지 여부를 선택할 수 있도록 하십시오. 그러나 선택의 여지가 없고 해야 하는 경우 HTML 코드에서 적절한 속성을 사용하여 사용자에게 알리는 것을 잊지 마십시오.

전자 상거래 웹사이트를 액세스 가능하고 보다 포괄적 으로 만들면 모든 사용자의 요구를 충족 할 수 있으며 트래픽 증가 및 전자 평판 강화 의 잠재적인 이점을 제공할 수 있습니다. 그럼 왜 더 기다리세요? 지금 웹사이트 업데이트를 시작하세요!