代替テキストはピクセルごとではなく目的を伝えます
代替テキストは、画像が表示されない場合に、画像が提供する情報や機能を置き換えます。適切な代替テキストはコンテキストによって異なります。同じ写真でも、製品ページには「白いソールの赤いランニング シューズ」、サポート ガイドではトレッド摩耗の説明、または近くの装飾を繰り返すだけの場合は空の代替テキストが必要な場合があります。
実践的な書き方
- その画像がなぜこのページにあるのかを尋ねます。
- それがなければ読者が見逃してしまう情報を特定します。
- その情報を最小限の自然な言葉で説明してください。
- 重要で隣接していない場合にのみ、表示されるテキストを含めます。
- リンクされた画像の場合は、リンク先またはアクションを説明します。
- 段落と代替テキストを一緒に読み、繰り返しを削除します。
すべての説明を「の画像」または「の写真」で始めることは避けてください。スクリーン リーダーは、要素が画像であることをすでに通知しています。 「図」、「スクリーンショット」、「水彩」など、意味のある場合は媒体について言及します。
コンテキスト別の例
| コンテキスト | 便利な代替テキスト |
|---|---|
| 製品カード | PDF Batch Toolbox Pro アプリ アイコン |
| チュートリアルのスクリーンショット | 最終的に 3 つの PDF が配置された結合パネル注文 |
| グラフ | 月間ストア クリック数は 1 月から 5 月まで増加し、その後横ばいになりました。 |
| 装飾的な背景 | 空の alt 属性を使用する: alt="" |
よくある間違い
- 画像を理解するのに役立たない検索キーワードを詰め込む。
- キャプションまたは隣接する段落を一言一句繰り返す。
- スキップすべき装飾的な画像の説明。
- アイコンのみのリンクまたはボタンのアクションを省略する。
- 目に見えるテキストや事実の詳細を確認せずに AI が生成した説明を使用する。
Windows の AI Image Describer を探索する
このガイドでは、まずワークフローについて説明します。 Microsoft Store に進む前に、Megaish 製品ページで検証済みの機能とスクリーンショットを確認してください。
機能とスクリーンショットを表示するよくある質問
代替テキストの長さはどのくらいにすべきですか?
普遍的な文字ターゲットはありません。画像の関連する目的と情報を維持しながら簡潔にします。
装飾画像には代替テキストを含めるべきですか?
装飾画像は通常、支援技術がスキップできるように空の alt 属性を使用する必要があります。
AI はアクセシブルな代替テキストを自動的に作成できますか?
AI は有用な下書きを作成できますが、人が正確さを検証し、それを状況に適応させる必要があります。画像のコンテキストと目的。
