학습 내용
이메일과 가입 양식의 접근성을 높이는 방법을 알아보세요. 이메일과 가입 양식을 디자인할 때는 모든 수신자가 디자인에 액세스할 수 있는지 확인해야 합니다.
이메일의 접근성이메일의 접근성
제목 줄 최적화 및 텍스트 미리보기제목 줄 최적화 및 텍스트 미리보기
제목과 미리보기 텍스트는 설명적이고 매력적이며 짧게 작성하세요.
일반적인 이메일 디자인 모범 사례를 따르세요.일반적인 이메일 디자인 모범 사례를 따르세요.
일반적인 이메일 디자인 모범 사례를 따르면 이메일의 접근성을 높일 수 있습니다:
- 모든 이미지에 대체 텍스트를 추가합니다.
- 이미지로만 구성된 이메일은 피하세요.
- 이미지를 사용하여 주요 세부 정보를 전달하지 마세요.
- 극명하게 대비되는 색상(예: 흰색과 검은색, 회색과 진한 파란색, 분홍색과 진한 빨간색)을 사용합니다.
- 헤더를 사용하여 아이디어를 구분하세요.
- 설명이 포함된 링크 사용(예: "컬렉션 쇼핑" 보다는 " 컬렉션으로 이동하려면여기를 클릭 ").
- 이메일을 논리적으로 구성하세요.
아래는 모든 수신자에게 최적화된 이메일(왼쪽)과 그렇지 않은 이메일(오른쪽)의 예입니다.
가입 양식의 접근성
Klaviyo 접근성을 위해 가입 양식을 자동으로 최적화합니다. 웹사이트에 게시된 Klaviyo 양식은 사이트 방문자가 키보드와 화면 리더를 사용하여 양식을 탐색할 수있도록 활성화합니다.또한 사이트 방문자는 이스케이프 키를 사용하여 양식을 닫고 엔터 키를 사용하여 제출할 수 있습니다. 양식 편집기의 스타일 탭에 있는 포커스 아웃라인 색상을 추가하여 사용자가 양식을 탭할 때 어떤 필드가 강조 표시되는지 알 수 있도록 할 수 있습니다.
가입 양식 디자인가입 양식 디자인
이메일 디자인과 마찬가지로 모든 수신자가 양식을 통해 공유하려는 정보를 얻을 수 있도록 몇 가지 기본 지침을 따르는 것이 좋습니다. 양식을 디자인할 때:
- 대비되는 색상을 사용합니다.
- 이미지에 관련 정보를 넣지 마세요.
- 링크에 설명적 언어 사용
- 논리적인 구조로 양식을 작성하세요.
가입 양식을 작성하는 동안 Klaviyo 접근성 문제를 모니터링하고 확인된 문제가 있으면 양식 알림 탭에서 수정하라는 메시지를 표시합니다.
클라비요 양식 편집기에서 장애인 친화적인 가입 양식을 만드는 방법에 대해 자세히 알아보려면 ADA 친화적인 가입 양식 만들기 방법을 참조하세요.
아래는 잘 디자인된 양식(오른쪽)과 모든 사람이 액세스할 수 없는 양식(왼쪽)의 예입니다.