모든 방문자가 온라인 스토어를 쉽게 탐색하도록 만드는 데 도움이 되는 팁입니다.

방문자가 온라인 스토어를 더 쉽게 탐색할 수 있도록 커머스 사이트를 설계할 때 접근성 기능을 포함하는 것이 중요합니다. 이렇게 하면 포용성을 촉진할 뿐만 아니라 대상층도 넓어집니다. 이 가이드를 사용하여 고려할 수 있는 디자인 요소를 검토하고 커머스 사이트의 접근성을 높이는 방법에 관한 자료를 검토하세요.

참고: 이 가이드는 참고 자료이며, 법적 조언이 아닙니다. Squarespace는 사이트 또는 비즈니스에 적용되는 특정 접근성 법률이나 표준에 대한 조언을 제공하지 않으며, 이는 Squarespace의 서비스 약관에 명시되어 있습니다.

제품 이미지

간격 및 크기

모든 제품 아이템 대표 이미지가 스토어 페이지의 그리드에 배치됩니다. 시각 장애가 있는 방문자가 스토어에 더 쉽게 접근할 수 있도록 이미지 간격을 고려해 보세요. 스토어 섹션 스타일에서 열 수를 변경하고 이미지 크기를 조정해 패딩(여백)을 늘릴 수 있습니다.

제품 이미지에 대체 텍스트 추가

실물 제품을 판매하는 경우 제품 이미지에 대한 설명 텍스트(대체 텍스트)를 제공하는 것이 중요합니다. 대체 텍스트는 스크린 리더를 사용하는 방문자 또는 느린 네트워크와 같은 다양한 이유로 이미지를 볼 수 없는 방문자가 사이트를 탐색하는 데 도움이 될 수 있습니다. 페이지를 스캔할 때, 스크린 리더는 이미지를 식별하고 방문자에게 대체 텍스트를 읽어줍니다. 구체적인 이미지와 제품을 설명하는 짧은 용어를 사용하세요. 대체 텍스트에 다음 정보를 포함하는 것을 고려해 보세요.

• 제품 색상 - 이 텍스트는 방문자가 구매하려는 제품의 색상을 확인할 수 있는 유일한 방법일 수 있습니다.
• 제품에 있는 이미지의 설명 및 위치 - 제품에 인쇄된 단어나 이미지가 있는 경우, 스크린 리더는 방문자에게 이를 읽거나 설명하지 않습니다.

이미지 확대 기능 활성화

시각 장애가 있는 방문자에게 도움이 되도록 이미지 확대 기능을 활성화하는 것을 고려해 보세요. 기능이 활성화되면 방문자는 제품 이미지를 확대하여 소재, 질감 및 세부 사항을 자세히 살펴볼 수 있습니다. 이 기능에 대해 자세히 알아보려면 스토어 페이지 특별 기능을 방문하세요.

추가 제품 정보

제품 에디터의 추가 정보 섹션에서 블록을 추가하여 제품 페이지에 사용자 지정 콘텐츠를 추가할 수 있습니다. 다음과 같은 항목을 추가해 보세요.

• 고객이 배송을 더 잘 계획할 수 있도록 패키지의 크기와 무게를 제공하세요.
• 캡션이 있는 제품 비디오가 필요합니다.
• 의류를 판매하는 경우 사이즈 차트가 필요합니다. 사이즈 차트는 일반적으로 스크린 리더로 읽히지 않습니다. 스크린 리더에 적합한 텍스트 기반 사이즈 차트를 만드는 방법을 더 알아보려면 Kiwi Sizing과 같은 서드파티(타사) 서비스를 검토하세요.

참고: 서드파티(타사) 서비스에 관한 모든 질문이 있는 경우 서드파티(타사) 제공업체에 직접 문의하세요.

결제 프로세스

콜투액션 버튼

고객이 커머스 인터랙티브 요소, 예를 들어 장바구니에 담기 및 쇼핑 계속하기 버튼에 접근할 수 있는 것이 중요합니다. 버튼 스타일을 지정하여 주의를 끌면 도움이 될 수 있습니다. 모양, 아웃라인 두께 및 기타 서식 옵션을 변경하면 됩니다.

장바구니 아이콘

장바구니 아이콘의 크기를 조정할 수는 없지만 테두리를 추가하고 색상 대비가 적절한지 확인하여 접근성을 높일 수 있습니다.

제품을 하나 판매하고 장바구니 과정을 건너뛰고 싶은 경우 바로 구매를 활성화하면 됩니다. 바로 구매를 사용하면 구매 버튼 스타일을 눈에 잘 띄고 접근하기 쉽도록 지정할 수 있습니다.

오디오 고려 사항

사이트에 오디오 콘텐츠가 있는 경우, 전사본을 추가할 수 있습니다. 그렇게 하면 난청이 있는 방문자가 콘텐츠에 접근하기가 더 쉬우며, SEO에도 좋습니다. 페이지를 정리하려면 링크되지 않음 페이지에 전사본을 포함하는 방법도 있습니다.

언어

제품이나 서비스를 설명하고 홍보할 때는 접근 가능한 언어를 사용하는 것이 중요합니다. 접근성을 염두에 두고 효과적으로 글을 쓰는 방법에 대해 자세히 알아보려면 포용적 디자인으로 사이트 접근성 향상하기를 방문하세요.