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