이메일 및 양식의 접근성 모범 사례 참조

학습 내용

이메일과 가입 양식을 더 접근하기 쉽게 만드는 방법을 알아보세요. 이메일과 가입 양식을 디자인할 때 모든 수신자가 쉽게 이용할 수 있도록 접근성을 고려해 디자인해야 해요. 

이메일 접근성

제목 및 미리보기 텍스트 최적화

제목과 미리 보기 텍스트는 설명적이고, 눈길을 끌며, 짧게 작성하세요.

일반적인 이메일 디자인 모범 사례를 따르세요

일반적인 이메일 디자인 모범 사례를 따르면 이메일을 더 쉽게 접근할 수 있게 만들 수 있어요:

• 모든 이미지에 대체 텍스트를 추가하세요.
• 이미지만 있는 이메일은 피하세요.
• 주요 세부 정보를 전달하는 데 이미지를 사용하지 마세요.
• 뚜렷하게 대비되는 색상을 사용하세요(예: 흰색과 검은색, 회색과 진한 파란색, 분홍색과 진한 빨간색).
• 머리글을 사용해 아이디어를 구분하세요.
• 설명적인 링크를 사용하세요(예: "여기를 클릭하여 컬렉션으로 이동"이 아니라 "컬렉션 쇼핑하기").
• 이메일을 논리적으로 구성하세요.

아래는 모든 수신자에게 최적화된 이메일(왼쪽)과 그렇지 않은 이메일(오른쪽)의 예시입니다.

가입 양식의 접근성

Klaviyo는 접근성을 위해 가입 양식을 자동으로 최적화해요. 웹사이트에 게시된 Klaviyo 양식을 통해 사이트 방문자는 키보드와 스크린 리더만으로도 양식을 전체적으로 탐색할 수 있어요. 또한 사이트 방문자는 Esc 키로 양식을 닫고 Enter 키로 제출할 수 있어요. 가입 양식 편집기의 스타일 탭에 있는 포커스 윤곽선 색상을 추가하면 양식에서 탭으로 이동할 때 어떤 필드가 강조 표시되는지 사용자가 이해하는 데 도움이 돼요.

가입 양식 디자인

이메일 디자인과 마찬가지로, 양식을 통해 공유하려는 정보를 모든 수신자가 받을 수 있도록 몇 가지 기본 가이드라인을 따르는 것이 좋아요. 양식을 디자인할 때:

• 대비되는 색상을 사용하세요.
• 이미지에 중요한 정보를 넣지 마세요
• 링크에 설명적인 문구를 사용하세요.
• 논리적인 구조로 양식을 작성해 주세요.

가입 양식을 만드는 동안 Klaviyo에서 다양한 접근성 문제를 모니터링하며, 식별된 문제는 양식 알림 탭에서 수정하도록 안내해요.

아래는 잘 설계된 양식(오른쪽)과 모든 사용자가 접근할 수 없는 양식(왼쪽)의 예시예요.