対応しているテンプレート

テンプレート選択画面にて、アクセシビリティに配慮して設計（※1）されたものには「アクセシビリティ対応可」マークを表示しています。これらを選択することで、高度なコーディング知識がなくても標準的なアクセシビリティ基準を満たすことが可能です。

※1: JIS X 8341-3:2016 適合レベル AA の達成基準を満たすように設計されています。

テンプレートがクリアしている主な達成基準

「アクセシビリティ対応可」テンプレートは、JIS規格における「レベルA」および「レベルAA」の基準を事前にクリアしています。
以下はその一例です。

• キーボード操作の保証 (2.1.1): マウスやタッチ操作ができなくても、Tabキーで移動し、Enterキーでボタンを押すといった、キーボードのみでの完結した操作を保証します。
• フォーカス制御と順序 (2.4.3): モーダル形式のクリエイティブでは、表示された際、フォーカス（選択状態）が自動的にモーダル内へ移動します。また、操作が終わるまでフォーカスが背景に逃げない「フォーカストラップ」機能により、迷子になるのを防ぎます。また、モーダルを閉じた際には、表示前に選択していた元の場所へフォーカスが戻るよう設計されています。
• エスケープによる閉鎖: モーダル形式のクリエイティブでは、Escキーを押すだけで即座に閉じることができます。
• 名前・役割の適切な付与 (4.1.2): 閉じるボタン（×）などに内部的なラベル（ARIAラベル）を付与しています。スクリーンリーダーは「閉じる」等と正しく役割を読み上げます。

テンプレート選択の指針

配信の目的に合わせて、適切なテンプレートを選択してください。

「アクセシビリティ対応可」テンプレート以外の選択肢について

TETORI では、「アクセシビリティ対応可」テンプレートを使用することを推奨していますが、以下のような特定のケースでは、通常のテンプレート（非対応マークのもの）に優位性もあります。

運用上の注意（アクセシビリティを維持する設定）

「アクセシビリティ対応可」テンプレート自体はアクセシビリティ規格に適合した設計ですが、編集画面で追加するテキストや画像、色の設定によっては、最終的な表示が適合外になる場合があります。公開前に以下のセルフチェックを行ってください。

色のコントラスト（視認性の確保）

❌ NG: 薄いグレー背景に白文字、パステルカラー同士の組み合わせなど。

✅ OK: 背景色と文字色のコントラスト比を 4.5:1 以上（レベルAA基準）に保つ。

リンクテキストの具体性（状況の理解）

❌ NG: 「詳細はこちら」「クリック」などの、文脈がないと行き先がわからない文言。

✅ OK: 「2月開催のセミナー詳細を見る」「クーポン利用規約（PDF形式/別ウィンドウで開く）」など、リンク単体で内容が推測できる文言。

代替テキスト（情報の等価性）

❌ NG: 画像内の文字情報を無視する、あるいは「画像01」といった無意味な名前。

✅ OK: バナー画像に含まれるキャッチコピーやキャンペーン期間などを、すべて代替テキスト（alt属性）に入力する。

文字サイズと可読性（読みやすさの配慮）

❌ NG: 注釈などを 12px未満（10pxなど） の極端に小さな文字で掲載する。

✅ OK: メインメッセージは 14px - 16px以上 を目安に、十分な大きさを確保する。

達成基準チェックリスト（JIS X 8341-3）

「アクセシビリティ対応可」テンプレートは、JIS X 8341-3:2016 に基づき試験を実施しています。各達成基準への対応状況は以下の通りです。

「適用」の列は、テンプレートによって当該基準に該当する箇所がある場合は「〇」、該当する箇所がない場合は「-」としています。

「結果」の列は、テンプレートの構造として基準を満たしている、または対象が存在しないため基準を満たしている（非適用適合）場合は「〇」、テンプレートに備わった適合するための仕組みにより運用者が代替テキストやラベル等を適切に入力・管理することで適合するものを「可」としています。