ADA 친화적인 가입 양식을 만드는 방법

예상 5 읽은 시간(분)

업데이트 2024년 10월 24일 오후 3:56 EST

가입 양식 편집기의 양식 알림 탭에서 접근성 지원 기능을 사용하여 가장 일반적인 웹 콘텐츠 접근성 지침(WCAG) 준수 문제를 방지하는 방법을 알아보세요. 웹사이트를 ADA 친화적으로 만들기 위해 노력하는 기업은 WCAG 표준을 참조하고 따라야 합니다. 접근성 도우미는 모든 사이트 방문자가 액세스할 수 있는 가입 양식을 만들 수 있도록 안내합니다.

WCAG 표준은 장애인을 포함한 모든 사람이 웹 콘텐츠에 더 쉽게 접근할 수 있도록 하는 것을 목표로 합니다. 웹사이트 접근성은 많은 국가에서 법적 요구 사항이며, WCAG 표준을 구현하면 이러한 접근성 요구 사항을 충족하는 데 도움이 될 수 있습니다. 접근성 도우미는 가입 양식에 적용되는 WCAG 2.0 AA 표준에 따른 접근성 문제를 식별하는 데 도움을 주기 위한 것이지만, 기존 기술의 알려진 한계 또는 기술과 무관한 기타 요인으로 인해 모든 접근성 요구 사항을 식별하지 못할 수도 있습니다. 접근성 도우미를 사용하면 웹 접근성 요구 사항을 충족하는 데 도움이 될 수 있지만 관련 법률 준수를 보장하지는 않습니다. 웹 접근성의 법적 의미와 요구 사항을 확인하려면 자격을 갖춘 변호사의 조언을 구하는 것이 좋습니다.

시작하기 전 안내 사항

다음은 접근성 도우미가 확인할 수 있는 문제 목록입니다. 아래 나열된 오류 유형은 양식 작성기의 특정 입력란 이름이 아니라 Klaviyo 의 접근성 도우미가 오류를 식별하는 방식이라는 점에 유의하세요. 오류가 감지되면 양식 알림 탭에 설명 및 수정 메시지가 포함된 알림이 표시됩니다.

오류 유형	설명
버튼 이름	버튼에 식별 가능한 텍스트가 표시되도록 합니다.
이미지-알트	이미지 요소에 대체 텍스트(대체 텍스트)가 있거나 HTML 역할이 "없음" 또는 프레젠테이션인지 확인합니다.
색상 대비	전경색과 배경색 간의 대비가 WCAG 2 AA 대비 비율 임계값을 충족하는지 확인합니다.
링크인 텍스트 블록	색상에 의존하지 않는 방식으로 링크를 주변 텍스트와 구분할 수 있도록 합니다.
링크 이름	링크에 식별 가능한 텍스트가 있는지 확인합니다.
라벨	모든 양식 요소에 레이블이 있는지 확인합니다.

ADA 친화적인 가입 양식 만들기

처음 가입 양식을 작성하든 양식을 업데이트하든 접근성 도우미는 접근성 문제를 식별하고 수정하는 데 도움을 줍니다.

위에 나열된 WCAG 표준에 따라 양식을 만들려면 다음과 같이 하세요:

새 가입 양식을 만들거나 기존 가입 양식 중 하나에 대한 양식 편집기를 엽니다.
편집기를 사용하여 콘텐츠 블록을 추가하고 브랜드에 맞게 양식의 스타일을 지정하세요.

접근성 도우미는 양식을 작성할 때 WCAG 표준을 충족하지 않는 양식 요소를 모니터링하여 활성 알림으로 기록합니다. 기존 양식은 활성 알림 섹션에 모든 문제를 기록합니다 .
왼쪽 하단의 양식 알림을클릭하면 확인된 접근성 문제를 확인할 수 있습니다.

활성 알림 아래에는 접근성 도우미가 양식에서 식별한 다른 콘텐츠 또는 디자인 문제와 더불어 WCAG 표준을 충족하지 않는 요소를 설명하는 다양한 카드가 표시됩니다. 각 카드에는 문제에 대한 설명과 문제를 수정하거나 해제하라는 메시지가 포함됩니다. 예를 들어 가입 양식에 이미지를 추가하는 경우 접근성 도우미는 이미지에 대체 텍스트를 추가하라는 알림을 표시합니다. 대체 텍스트는 스크린 리더로 사이트를 탐색하는 쇼핑객이 디지털 콘텐츠에 액세스할 수 있도록 이미지에 대한 설명을 제공합니다.
문제를 해결하려면 카드의 제안에 따라 누락된 요소를 해결하거나 추가하세요. 변경 사항에 만족하면 수정을 클릭합니다.

일부 문제는 양식 알림 탭에서 직접 해결하지 않고 해당 블록의 설정(예: 버튼 블록) 또는 스타일 섹션에서 해결하라는 메시지가 표시됩니다. 이러한 문제를 해결하려면 알림 카드의 문제 설명을 메모한 다음 블록 편집 (또는 스타일 편집)을 클릭하여 제안된 변경 사항을 적용하세요. 문제를 해결한 후 양식 알림 탭으로 다시 이동합니다.
하나 이상의 접근성 제안을 무시하려면 무시하기를 클릭합니다. 이슈를 취소하면 취소 또는 선택 사항을 확인하라는 모달이 표시됩니다.

나중에 어시스턴트를 열고 이전에 무시한 알림을 확인하여 무시한 이슈로 돌아갈 수 있습니다. 접근성 도우미에서 강조 표시된 모든 문제를 수정하는 것이 좋습니다. WCAG 표준을 준수하지 않으면 회사가 법적 위험에 노출될 수 있습니다.

식별된 모든 문제를 성공적으로 수정하거나 해제하면 양식 알림 탭에 '활성 알림 없음' 메시지가 표시됩니다.
게시를 클릭하여 접근성 업데이트와 함께 사이트에 가입 양식을 게시하도록 설정합니다.

게시를 클릭하면 활성 양식 알림을 수정하라는 메시지가 표시됩니다. 양식 알림 탭에서 오류를 해결하거나 게시하도록 선택할 수 있습니다.

JAWS 접근성 보고서

Microsoft Windows용 컴퓨터 화면 리더 프로그램인 JAWS가 클라비요에서 만든 웹사이트의 가입 양식을 감지하지 못할 수 있습니다. JAWS를 사용하는 사이트 방문자가 웹사이트의 가입 양식과 계속 상호 작용할 수 있도록 하려면 사이트에 추가 코드 스니펫을 추가하여 JAWS에 더 쉽게 액세스할 수 있도록 하는 것이 좋습니다.

다음 코드 스니펫을 복사하여 사이트의 기본 테마 파일에 붙여넣으면 JAWS가 클라비요 가입 양식을 감지하고 읽을 수 있습니다:

다음 단계

모든 클라비요 가입 양식에서 WCAG 표준을 유지하는 것이 중요합니다. 이전에 게시된 가입 양식에는 여전히 수정해야 할 접근성 문제가 있을 수 있지만, 클라비요가 WCAG 비준수 문제를 자동으로 수정하지는 않습니다.

편집기 내에서 각 기존 양식의 양식 알림 탭으로 이동하여 접근성 문제를 해결하여 웹사이트의 WCAG 규정 준수에 도움을 받습니다.

추가 리소스

이 도움말 문서가 유용했나요?

이 형식은 도움말 문서 피드백 용도로만 사용하세요. 지원 팀에 문의하는 방법.