アクセシブルなコンテンツ制作

🔄 前回のおさらい: レッスン3では、AIを使ったWCAG準拠の監査——自動スキャン、問題の優先順位付け、CI/CDへの統合を学びました。今回は、コンテンツ側にAIを適用します——サイト上の文章、画像、メディアをすべての人にアクセシブルにする方法です。

誰もが使えるコンテンツ

アクセシビリティの最大のギャップは通常、コードではなくコンテンツです。代替テキストの欠落、キャプションのない動画、構造化されていないドキュメント、複雑な言語——これらは、どれだけクリーンなHTMLでも克服できないバリアを生みます。AIがアクセシブルなコンテンツ制作を大規模に実用的にします。

AI活用の代替テキスト

代替テキスト判断フレームワーク

画像ごとに判断すべきこと：

1. カテゴリー分類——情報提供、装飾、機能、複雑のどれか？
2. 代替テキスト作成——125文字以内、「〜の画像」で始めない、画像が伝えることを記述、ページの文脈に関連する情報を含む
3. 信頼度評価——低信頼度は人間が優先レビュー

代替テキストの例

✅ 確認クイズ: alt=""（空のalt属性）とalt属性の欠落の違いは何ですか？（alt属性が欠落している場合、多くのスクリーンリーダーはファイル名を読み上げる（「DSC_0847.jpg」）。空のalt属性（alt=""）はスクリーンリーダーに「この画像は装飾的、スキップ」と伝える。装飾画像には空のaltが正しい意図的な選択。）

AIキャプションとトランスクリプト

動画キャプションワークフロー

ステップ1——AI自動キャプション： ツールを選定し、コンテンツタイプに応じた精度を把握

ステップ2——人間のレビュー： 優先的に確認すべきエラー（名前、数字、専門用語）、複数話者の処理、非音声音声の説明追加（[拍手]、[音楽]、[電話の着信音]）

ステップ3——トランスクリプト作成： 修正済みキャプションからフルテキストトランスクリプトを作成、話者ラベルとタイムスタンプ追加

ステップ4——品質チェック： 精度目標99%以上、タイミング誤差1-2フレーム以内

キャプション品質基準

日本語キャプションでは、漢字の読み仮名（ルビ）の付与も考慮すべきポイントです。専門用語の多い動画では特に重要です。

アクセシブルなドキュメント制作

構造化ドキュメント

構造： 適切な見出し階層（H1→H2→H3、レベルを飛ばさない）、意味のある見出し、論理的な読み上げ順序

画像： 情報提供画像に代替テキスト、装飾画像に空のalt、複雑なチャート/図には長い説明

テーブル： ヘッダー行と列をマーク、シンプルな構造（セルの結合を避ける）、テーブルの内容を説明するキャプション

テキスト： やさしい日本語（対象者に応じて）、十分な色コントラスト、記述的なリンクテキスト（「こちらをクリック」ではなく）

やさしい日本語の原則

アクセシビリティの文脈では、やさしい日本語は認知障害のある方だけでなく、日本語を母語としない方、高齢者にも有効です。

AIを使った簡素化のポイント：

• 短い文（25字以内を目安）
• 一文一情報
• 常用漢字の使用、難しい漢字にはルビを付ける
• 受動態を能動態に変換
• 二重否定を避ける
• 具体的な表現を使う（抽象的な表現ではなく）

✅ 確認クイズ: やさしい日本語がすべてのユーザーに恩恵をもたらす理由は？（認知的負荷はすべての人に影響する——疲れているとき、気が散っているとき、モバイルでスキャンしているとき。わかりやすい言葉は全リテラシーレベルで理解度を50-80%向上させる。「レベルを下げる」のではなく、不必要な理解の障壁を取り除くこと。）

まとめ

• 代替テキストを書く前に画像をカテゴリー分類：情報提供（意味を記述）、装飾（alt=""）、機能（動作を記述）、複雑（短い代替テキスト＋長い説明）
• AIは代替テキストのドラフトを数分で生成するが、人間のレビューが文脈エラーを修正——AIは見えるものを記述するが、文脈における意味は記述しない
• 動画キャプションのワークフロー：AI自動キャプション→人間レビュー（名前、数字、話者識別）→非音声音声の説明→99%以上の精度を目標に品質チェック
• ドキュメントのアクセシビリティはソースから始まる（適切な見出しスタイル、テーブルマークアップ、代替テキスト）——エクスポート後のPDFではない
• やさしい日本語は認知障害のある方だけでなく、すべてのユーザーの理解度を向上させる

次のレッスン

次は「認知アクセシビリティとニューロダイバーシティ」——ADHD、ディスレクシア、自閉スペクトラムのユーザー向けに、AIでコンテンツを簡素化し、実行機能を支援し、アダプティブなインターフェースを設計する方法を学びます。