レスポンシブメールは、画面が狭い場合、画像がブロックされる場合、支援技術を使う読者にとっても読みやすく、操作しやすいことが大切です。すべての受信環境で同じ表示になるレイアウトはないため、キャンペーンの宛先に送る前にプレビューとテストを行います。
使いやすいレイアウトにする
読み進める順序を明確にし、短い段落を使い、ボタンやリンクを見つけて操作しやすくします。狭い画面でも文字が読めるか、主要なアクションが画像だけに依存していないかを確認してください。情報を伝える画像には適切な代替テキストを付けます。形式が対応している場合、装飾画像には重複した説明を付けないようにします。
色だけで意味を伝えないでください。リンク文言を具体的にし、見出しの順序、コントラスト、文字サイズを確認します。これらの確認は、包括的なアクセシビリティ監査の代わりにはなりません。
プレビューしてテストする
キャンペーンエディターで代表的なリード情報を使ってプレビューし、項目が空の場合の代替値を確認してから、社内アドレスへテストメールを送ります。狭い画面と広い画面で確認し、可能であれば読者がよく使う受信環境でも確認してください。リンクを開き、画像、本文、配信停止の情報が意図どおりに表示されるかを見ます。
Dureachのキャンペーンガイドではプレビューとテストメールの送信方法を説明していますが、複数のメールクライアントでの自動表示検査やアクセシビリティ認証を示すものではありません。手順はキャンペーン設定ガイドを確認してください。
開始前の確認
- 件名、送信者、リンク、配信停止の動作を確認する
- スマートフォンの幅でも主要情報とアクションが明確か確認する
- 画像の説明文と、画像を表示しない状態の本文を確認する
- 代表的なレコードで差し込み項目を試し、空欄時の代替値を確認する
- 重要な運用情報や金額が含まれる場合、最終テストを同僚にも確認してもらう
プレビューで問題を見つけられることはありますが、すべての受信者のメール環境での表示を保証するものではありません。