내장된 웹사이트 접근성 기능과 무료 도구를 활용하여 사이트를 테스트해 보세요.

장애가 있는 방문객을 포함하여 모든 사람이 이용할 수 있는 포용적인 웹사이트를 디자인할 수 있습니다. 표제 요소나 글머리 기호 목록과 같이 명확한 구조적 레이아웃을 사용하면 스크린 리더가 페이지를 효율적으로 스캔할 수 있어, 고객이 필요한 정보를 빠르게 찾을 수 있습니다.

추천 기사: 포용적인 디자인 방식을 통해 접근 가능한 사이트 만들기

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

스크린 리더를 고려하여 사이트의 텍스트, 레이아웃 및 표제 요소 구성하기

Squarespace에서는 모든 방문자가 사이트 콘텐츠에 더 쉽게 접근하고 탐색할 수 있도록 탐색 메뉴, 링크, 텍스트 등 사이트의 다양한 요소를 맞춤 설정할 수 있습니다. Squarespace에는 여러 가지 기본 기능과 맞춤 설정 옵션이 포함되어 있습니다. 

• 색상 대비 옵션: 사용자 지정 CSS 없이 WCAG 지침을 충족하도록 색상 패널에서 배경색과 글꼴 색상을 일치시킬 수 있습니다.
• 키보드 포커스 아웃라인: 방문자가 페이지에서 현재 위치를 시각적으로 쉽게 파악할 수 있도록, 링크나 양식 필드를 탭 키로 이동할 때 명확한 테두리가 자동으로 나타납니다.
• '콘텐츠로 건너뛰기' 링크: 방문자는 머리말 탐색 메뉴를 스크롤하는 대신 페이지의 메인 레이아웃으로 바로 이동할 수 있습니다. 탭 키를 누르면 이 링크가 자동으로 나타납니다.
• 시맨틱 페이지 구조: 텍스트 음성 변환 소프트웨어가 따라갈 수 있는 체계적인 레이아웃을 만들어 보세요. 표제 요소를 사용하여 텍스트 구조를 만들면 스크린 리더와 같은 보조 기술이 예측 가능한 읽기 순서를 유지할 수 있습니다.

접근 가능한 온라인 결제 과정 만들기

모든 Squarespace 템플릿에는 고객이 온라인 스토어를 원활하게 이용할 수 있도록 돕는 내장 기능이 포함되어 있습니다. 결제 페이지는 스크린 리더 및 기타 보조 소프트웨어와 페이지 요소가 올바르게 작동하도록 기본적으로 특정 설정을 적용하고 있습니다.


다음과 같은 내장 기능은 고객에게 명확한 레이아웃을 제공하는 데 도움이 됩니다.

• 사전 레이블이 지정된 양식 필드: 보안 결제 필드에는 명확한 텍스트 레이블이 포함되어 있습니다. 이 텍스트는 이 텍스트는 방문자가 각 입력란에 어떤 정보를 입력해야 하는지 스크린 리더가 정확히 파악할 수 있도록 합니다.
• 명확한 콜투액션 버튼: 결제 버튼과 같은 주요 버튼에는 명확하고 구체적인 라벨이 사용됩니다. 이러한 라벨은 방문자가 페이지 내 주요 단계를 파악하고 거래를 완료하는 데 도움이 됩니다.

추천 기사: 접근 가능한 커머스 사이트 만들기

접근 가능한 이미지, 비디오 및 미디어 제어 기능 설정

방문자가 이미지와 동영상을 원활하게 이용할 수 있도록 내장된 미디어 제어 기능과 설명 도구를 활용하세요.

• 대체 텍스트 필드: 모든 이미지에 명확한 설명을 추가합니다. 대체 텍스트는 스크린 리더를 사용하는 고객에게 이미지를 설명하는 데 도움이 됩니다. SEO 보고서 도구를 실행하여 사이트에서 대체 텍스트가 없는 이미지에 플래그를 지정할 수 있습니다.
• 미디어 캡션 및 대본: 비디오에 캡션을 추가하고 오디오 파일의 텍스트 대본을 업로드합니다.
• 재생 제어 기능: 비디오 및 애니메이션에 대해 안전한 모션 포맷을 선택하세요. 자동으로 재생되는 비디오 루프나 슬라이드쇼 애니메이션에는 일시정지, 건너뛰기, 정지 버튼을 반드시 포함해야 합니다.

사이트의 접근성 증빙 자료로 Squarespace VPAT 또는 접근성 정책 활용

기관, 기업 또는 학교에서 사이트의 접근성 증빙 자료를 요청할 경우, 다음 자료를 활용하여 사이트의 핵심 레이아웃 기능을 설명할 수 있습니다.

• Squarespace 접근성 정책: Squarespace의 접근성 준수를 위한 약속은 Squarespace의 접근성 페이지에서 확인하시기 바랍니다.
• VPAT 보고서: 자발적 제품 접근성 템플릿(VPAT)을 통해 사이트 구조가 접근성 지침을 어떻게 준수하고 있는지 명확하게 제시할 수 있습니다.

내 사이트에는 어떤 접근성 규칙이 적용되나요?

사용자의 비즈니스에 적용되는 모든 법적 요건을 사이트가 준수하도록 할 책임은 사용자 본인에게 있습니다. 접근성 지침에 대해 자세히 알아보려면 웹 접근성 이니셔티브를 방문해 보세요.

웹 접근성 요건은 전 세계적으로 다양합니다.

• 미국: 접근성 있는 웹사이트 디자인 요건에 대해 알아보려면 미국 장애인법(ADA) 표준을 참고하시기 바랍니다.
• 유럽 연합: 유럽 접근성법(EAA)을 검토하여 해당 규정에서 장애인을 위한 접근성을 확보하기 위해 온라인 스토어와 디지털 서비스에 요구하는 사항에 대해 확인해 보세요.

웹사이트의 접근성 준수 여부를 어떻게 테스트할 수 있나요?

누락된 이미지 설명을 찾거나 다양한 방문자 환경에서 웹사이트가 어떻게 작동하는지 확인하려면, 무료 온라인 테스트 도구를 사용하여 현재 운영 중인 페이지를 스캔해 보세요.

• 키보드 단축키를 점검하고, The A11y Project의 도구를 활용해 사이트를 테스트할 수 있습니다.
• WAVE 웹 접근성 평가 도구를 활용하여 색상 대비 문제 또는 깨진 표제 요소 구조를 확인하세요.

웹사이트에 대한 더욱 심층적인 진단이 필요한 경우 접근성 또는 규정 준수 전문가에게 문의하세요.