アプリ内メッセージテスト

キャンペーンを送信する前に、必ずアプリ内メッセージをテストすることが非常に重要だ。プレビューとテスト機能は、アプリ内メッセージを見るための2つの方法を提供する。メッセージをプレビューして、作成中に視覚化したり、テストメッセージを自分や特定のユーザーのデバイスに送信したりできます。両方の機能を利用することをお勧めします。

プレビュー

アプリ内でメッセージを作成しながらプレビューできる。これは、ユーザーの視点から最終的なメッセージがどのように見えるかを視覚化するのに役立つはずだ。

アプリ内メッセージの生成プレビュー

メッセージが任意のユーザー、特定のユーザー、またはカスタマイズされたユーザーにどのように表示されるかをプレビューします。メッセージにパーソナライゼーションや多言語が含まれている場合は、後者の 2 つが役立ちます。また、モバイル端末やタブレット端末用にメッセージをプレビューして、ユーザーがどのような体験をするかをよりよく知ることもできる。

![メールのプレビューを示すアプリ内メッセージを作成するときにタブを構成する]ユーザーが選択されていないため、body セクションに追加された液体はis./docs/ja/assets/img/in-app-message-preview.png?a5d55c8327fc8ae00f6099d3175b342d と表示されます。

Braze には 3 世代のアプリ内メッセージが用意されています。どの端末がどの世代をサポートしているかによって、どの端末にメッセージを送るかを細かく設定できる。

!アプリ内メッセージのプレビュー時に世代を切り替える。

テスト

ユーザーとしてメッセージをプレビューする

また、Testタブからは、あたかも自分がユーザーであるかのように、メッセージをプレビューすることができる。特定のユーザーやランダムなユーザーを選択するか、カスタムユーザーを作成できます。

テスト・チェックリスト

• 画像やメディアは期待通りに表示され、機能しているか？
• リキッドは期待通りに機能しているか？Liquid が情報を返さない場合、デフォルトの属性値を考慮したか?
• コピーは明確で、簡潔で、正しいか？
• あなたのボタンは、ユーザーをどこに誘導しているだろうか？

アクセシビリティスキャナー

アクセシビリティのベストプラクティスを促進するために、Braze は従来のHTML エディターを使用して作成されたアプリ内メッセージのコンテンツを、アクセシビリティ標準に照らして自動的にスキャンします。このスキャナーは、Web Content Accessibility Guidelines (WCAG) 標準を満たしていない可能性があるコンテンツを特定するのに役立ちます。WCAG は、World Wide Web Consortium (W3C) が作成し、国際的に認知された技術標準のセットで、多くの人にとってアクセスしやすい Web コンテンツを作成するためのものです。

CDI の仕組み

このスキャナーはカスタム HTML メッセージに対して自動的に実行され、WCAG 2.1 AA ルールセット全体に照らして HTML メッセージ全体を評価します。フラグが設定された各問題について、次の情報が表示されます。

• 関連する特定の HTML 要素
• アクセシビリティの問題の説明
• 追加のコンテキストまたは修復ガイダンスへのリンク

自動アクセシビリティテストについて

自動アクセシビリティ・テストは、WCAGレベルAA基準に基づいて、altテキストの欠落や色のコントラストの低さといった一般的な問題を発見するのに役立つ。これは、より包括的なメッセージを構築するための強力な出発点となる。

しかし、オートメーションがすべてを捉えることはできない。例えば、フォーカスの順番が理にかなっているか、リンクやボタンに明確なラベルが貼られているか、指示がわかりやすいかなどだ。これらのチェックは最終的な判定ではなく、診断ツールだと考えてほしい。フラグが付けられたissueを手動で確認し、”Needs review “と表示された場合は、最善の判断を下すことを推奨する。

さらなるサポートとして、Brazeのアクセシビリティガイドでは、誰もがコンテンツを使いやすくするための実践的なヒントを紹介している：

• 見出しと構成
• Altテキストと画像、写真
• リンクとボタン
• カラーコントラスト
• タッチターゲット

オートメーションテストと入念な手動レビューを組み合わせることで、より多くの問題を発見し、すべてのユーザーにとってより良いエクスペリエンスを生み出すことができる。