당신을 만드는 법 Shopify 2024년에 ADA 규격을 준수하는 매장

귀하의 매장이 ADA를 준수하도록 만드는 방법을 배우는 것은 생각보다 더 중요합니다. 이는 중요한 웹 접근성 규정을 준수하도록 보장할 뿐만 아니라 더 충성도가 높은 고객을 유치하고 전환하는 열쇠가 될 수도 있습니다.

연구는 보여 미국 성인 4명 중 1명 어떤 형태로든 장애를 안고 살아가지만, 인터넷의 3%에 불과 이러한 개인이 접근할 수 있습니다. 가능한 한 많은 잠재 고객에게 도달할 수 있도록 하는 단계별 가이드는 다음과 같습니다. your Shopify 저장.

웹 접근성이란 무엇입니까? 기본 사항

웹 접근성은 신체적, 인지적 장애나 제한에 관계없이 모든 방문자가 웹 사이트를 사용 가능하고 편리하게 만드는 방법입니다.

온라인 세계는 기본적으로 모든 사용자가 접근할 수 있어야 하며, 웹 접근성을 마스터한다는 것은 어려움을 겪는 사람들이 여전히 긍정적인 온라인 경험에 접근할 수 있도록 특정 디자인 원칙을 따르는 것을 의미합니다.

올바르게 사용하면 웹 접근성 지침은 사람들이 웹에서 접하는 페이지와 애플리케이션을 이해하고, 탐색하고, 상호 작용할 수 있도록 보장합니다. 여기에는 청각적, 신체적, 시각적, 신경학적 및 기타 제한 사항을 해결하고 대응하는 것이 포함됩니다.

ADA란 무엇입니까? 미국 장애인법

웹 접근성은 다양한 표준과 규제 그룹에 의해 관리됩니다. 미국 장애인법은 비즈니스 리더가 웹사이트를 디자인할 때 고려해야 할 중요한 지침 중 하나입니다.

ADA는 1990년에 처음 제정된 법률로, 기업이 장애인에 대한 차별을 금지하는 법률입니다.

ADA의 목표는 제약이 있는 사람들이 다른 모든 사람들과 동일한 권리와 경험에 대한 접근권을 갖도록 보장하는 것입니다. 회사 건물 Shopify 매장은 규정 준수를 보장하고 유지하기 위해 ADA가 제시한 지침을 따르고 있는지 확인해야 합니다.

접근성을 향상시키는 것이 중요한 이유 Shopify 대지?

궁극적으로 모든 비즈니스에는 접근 가능한 웹사이트가 필요합니다. 온라인 상점을 보장하거나 Shopify 웹 사이트가 접근성 표준을 준수하는 것은 규정 준수를 유지하고 ADA 소송을 피하는 데 중요합니다. 그러나 이는 사이트의 수익성을 높이는 좋은 방법이기도 합니다. 

2022년 한 보고서에 따르면 웹사이트의 83% 이상이 접근성 문제가 있는 것으로 나타났습니다. 이로 인해 해당 회사는 규정 준수 벌금을 부과받을 위험이 있을 뿐만 아니라 최대 $ 13 조 장애인이 통제하는 가처분 소득.

모든 사람이 귀하의 매장에 액세스하고 사용할 수 없다면 잠재적인 전환 기회를 놓치게 됩니다. 게다가 웹 접근성과 검색 엔진 최적화(SEO) 사이에는 명확한 연관성이 있는 것으로 보입니다. 명확하고 설명이 풍부한 제목과 우수한 사용자 경험을 갖춘 사이트는 경쟁사보다 높은 순위를 차지하는 경향이 있어 추가 트래픽의 이점을 누릴 수 있습니다.

우리의 탑 5 Shopify 접근성 팁

좋은 소식 Shopify 상점 주인님, 내장된 접근성 기능이 있나요? Shopify, "웹 콘텐츠 접근성 지침"과 같은 개념을 준수하기 위해 따를 수 있는 가이드도 있습니다. 그러나 매장이 ADA를 준수하는지 확인하기 위해 추가 조치를 취하는 것이 여전히 중요합니다.

시작하기 위한 주요 팁은 다음과 같습니다.

매장의 접근성을 확인하세요

사이트의 접근성 점수를 긍정적으로 변경하기 전에 현재 어떤 문제가 있는지 이해해야 합니다. 이를 수행하는 가장 쉬운 방법은 무료 웹사이트 접근성 검사기를 사용하는 것입니다. ADA 및 WCAG 준수 사이트accessibilitychecker.org와 같은 다양한 훌륭한 도구가 있습니다.

이러한 도구는 사이트 소유자가 색상 팔레트의 대비 및 탐색과 같은 문제를 정확히 찾아낼 수 있도록 다양한 검사를 실행합니다. "접근성 지원" 도구, 위젯, plugins 그러면, 귀하의 전자상거래 매장의 접근성을 수동으로 검토할 수도 있습니다.

예를 들어, 스토어를 로드하고 키보드 탐색을 사용하여 마우스를 사용하지 않고도 사이트를 이동할 수 있습니다.

살펴볼 가치가 있는 다른 사항은 다음과 같습니다.

• 타이포그래피 및 글꼴 사용자 정의: 텍스트를 편안하게 읽으려면 일부 사용자는 표시 방법을 변경해야 합니다. 가독성을 높이려면 사용자가 텍스트 크기, 글꼴, 색상 및 간격을 변경할 수 있도록 허용하는 것이 중요합니다. 브라우저를 확대하여 콘텐츠가 겹치기 시작하는지 또는 가독성 문제가 있는지 확인할 수 있습니다.
• 귀하의 탭: 페이지가 로드되면 브라우저 탭 위에 마우스를 올려 웹페이지의 목적과 콘텐츠를 명확하게 설명하는 고유한 제목이 있는지 확인하세요. 이렇게 하면 사용자가 웹사이트 페이지를 보다 효과적으로 탐색하고 이해하는 데 도움이 됩니다.
• 오류 메시지 : 결제 양식과 같이 웹사이트의 양식에 올바르지 않거나 문제가 있는 데이터를 입력하세요. 사용자에게 표시되는 오류 메시지가 명확한지 확인하고 문제 해결 방법에 대한 지침을 제공하십시오.

모든 이미지에 대체 텍스트 사용

모든 시각적 미디어에 대체 텍스트 추가 Shopify 접근성과 검색 엔진 최적화 전략 개선에 모두 중요합니다. "대체 텍스트"는 본질적으로 화면 판독기가 시각 장애인, 시력이 약한 사람, 감각 처리 또는 학습 장애가 있는 사람에게 소리 내어 읽어 줄 수 있는 이미지에 대한 간단한 설명입니다.

대체 텍스트는 다른 사람들과 같은 방식으로 이미지를 인식할 수 없는 사람들을 위해 웹사이트 페이지의 포괄적인 그림을 그리는 데 도움이 됩니다. 미디어에 대체 텍스트를 추가하려면 Shopify, 블로그용 페이지 구축 도구를 사용하거나 제품 이미지용 '제품' 화면을 사용할 수 있습니다.

제품에 대체 텍스트를 추가하는 경우 제품을 탭하고 제품 이미지를 선택하여 "미리보기" 화면을 확인한 다음 점 3개 버튼을 탭하세요. "대체 텍스트 편집"을 선택하고 세부 정보를 입력하세요. 테마 이미지에 텍스트를 추가하는 경우 테마 편집기를 방문하여 대체 텍스트가 필요한 이미지를 클릭하세요. 이미지에서 "편집"을 클릭하고 "대체 텍스트" 섹션에 텍스트를 입력합니다.

"Sound Off"를 위한 디자인 웹사이트

요즘에는 수많은 전자상거래 웹사이트 관리자와 사업주가 비디오를 사용하여 제품을 광고하거나 방문자와 정보를 공유합니다. 사이트에 비디오를 사용하는 경우 모든 사람이 사운드에 액세스하여 웹사이트를 보는 것은 아니라는 점을 기억하는 것이 중요합니다.

또한 일부 사람들은 귀하가 웹사이트에서 공유하는 콘텐츠를 듣는 데 어려움을 겪는 청각 장애가 있을 수 있습니다.

제품 페이지에 비디오를 사용하든, 고객 사용후기를 보여주기 위해 또는 홍보 목적으로 사용하든, 콘텐츠를 단순히 "들을" 수 없는 모든 사람을 위해 캡션과 기록이 포함되어 있는지 확인하세요.

비디오 콘텐츠에 캡션과 시각적 설명을 추가하면 청각 장애가 있는 사용자뿐만 아니라 모든 사용자의 경험을 향상시킬 수 있습니다. 일부 고객은 스마트폰으로 콘텐츠를 볼 수도 있다는 점을 기억하세요.

주위에 이 소비자의 75% 동영상을 볼 때 휴대전화를 음소거 상태로 유지하세요. 또한 스크립트와 캡션을 사용하면 콘텐츠에 더 많은 키워드를 사용할 수 있어 검색 엔진 순위 잠재력이 향상될 수 있습니다.

설명 헤더 및 링크 사용

웹사이트 트래픽을 늘리기 위해 검색 엔진 최적화 전략을 활용하고 있다면 이미 모든 웹사이트 페이지에 헤더와 설명 링크를 사용하고 있을 것입니다. 웹 접근성과 규정 준수를 강화하려면 페이지의 큰 콘텐츠 블록을 작은 섹션으로 나누는 것부터 시작하세요. 사용자에게 페이지 전체를 안내하려면 헤더를 순서대로(예: H2, 그 다음 H3) 사용하세요.

화면 판독기와 보조 기술은 사용자가 페이지의 현재 위치를 이해할 수 있도록 각 부제목을 알려준다는 점을 기억하세요. 특히 중요하거나 인용문을 공유할 때 특정 단어와 문구에 주의를 끌기 위해 굵은 글꼴이나 기울임꼴 글꼴과 같은 다른 디자인 전략을 사용할 수도 있습니다.

헤더를 올바르게 사용하는 것 외에도 링크가 설명적이고 명확한지 확인하세요. 설명적 링크는 사용자가 링크를 클릭하여 무엇을 달성할 수 있는지 정확히 이해하는 데 도움이 됩니다. 화면 판독기를 사용하는 사람들은 종종 각 링크를 살펴보며 클릭해야 할 내용을 결정하여 이메일과 다른 페이지를 탐색합니다. 유익한 링크를 만들면 고객의 긍정적인 행동을 유도하는 데 도움이 됩니다.

올바른 CTA(Call to Action) 텍스트도 사용하세요. 예를 들어, 단순히 “새 양말 컬렉션을 보려면 여기를 클릭하세요”라고 말하는 대신 “양말 컬렉션을 보려면 여기를 클릭하세요”라고 시도해 보세요.

색상에 주의하세요

마지막으로, 색상은 웹 디자인 툴킷에서 가장 중요한 자산 중 하나입니다. 색상 심리학은 사람들이 브랜드에 대해 생각하고 느끼는 방식에 영향을 미칩니다. 예를 들어, 파란색은 신뢰와 관련된 색상이고, 녹색은 자연과 부와 관련이 있습니다.

색상은 또한 정보를 전달하는 데 도움이 됩니다. 예를 들어, 빨간색 버튼은 페이지의 자산에 주의를 끌고 그 중요성을 나타냅니다. 페이지의 링크에 다른 색상을 사용하면 고객이 클릭할 수 있는 "앵커 텍스트" 세그먼트를 식별하는 데 도움이 됩니다.

그러나 색상만으로 정보를 전달하려고 하면 문제가 될 수 있습니다. 시각 장애가 있는 사람들은 종종 "대비가 낮음"으로 인해 색상 변화를 놓칠 수 있습니다. 이것이 특정 콘텐츠를 돋보이게 하는 다른 방법을 찾는 것이 중요한 이유입니다. 예를 들어, 내부 링크에 밑줄을 긋거나 굵게 표시하여 더 잘 보이게 할 수 있습니다.

색상과 같은 온라인 도구를 사용할 수도 있습니다. WebAIM의 대비 검사기 WCAG 및 ADA 표준을 준수하지 않는 페이지를 식별하는 데 도움이 됩니다. 또 다른 옵션은 웹사이트를 흑백으로 보고 색상을 사용하지 않고도 페이지의 중요한 부분을 식별할 수 있는지 확인하는 것입니다.

당신의 Shopify ADA 규격 저장

성공적인 온라인 상점을 구축하는 것은 올바른 전자상거래 플랫폼을 선택하고 올바른 제품을 판매하는 것 이상입니다. 또한 ADA 및 WCAG 준수를 위해 제시된 지침에 따라 모든 사용자가 매장을 운영할 수 있는지 확인해야 합니다.

접근성 최적화에 전념하는 웹사이트 소유자는 법적 문제의 위험을 줄이고 고객에게 제공하는 경험을 향상시킬 수 있습니다.

그러나 디지털 접근성을 보장하는 것은 일회성 프로젝트가 아닙니다. 웹사이트를 업데이트하거나 사이트에 새로운 것을 추가할 때마다 새로운 접근성 문제가 발생하지 않는지 확인해야 합니다.

잠재적인 문제가 있는지 웹사이트를 정기적으로 모니터링하고 제한 사항이나 장애에 상관없이 모든 소비자가 매장에 접근할 수 있는지 확인하세요.