イメージへのアクセシビリティ プロパティの設定

alt 属性で代替テキストを設定すると、Web ページ内のイメージにスクリーン リーダーからアクセスできるようになります。一部のブラウザでは、イメージのダウンロード中、イメージが見つからないとき、またはサイト訪問者がイメージの上にポインタを移動したときにも、代替テキストが表示されます。

Web ページに挿入するイメージを選択すると、既定で、Microsoft Expression Web は自動的に [アクセシビリティのプロパティ] ダイアログ ボックスを表示します。このダイアログ ボックスで、イメージの代替テキストを設定できます。Expression Web がこのダイアログ ボックスを自動的に表示するかどうかは、ユーザーが設定できます。

Expression Web が [アクセシビリティのプロパティ] ダイアログ ボックスを表示するかどうかを設定するには

1. [ツール] メニューで [ページ編集オプション] をクリックします。

2. [ページ編集オプション] ダイアログ ボックスの [全般] タブをクリックします。

3. [イメージの挿入時にアクセシビリティのプロパティを確認する] をオンまたはオフにします。

4. [OK] をクリックします。

Web ページに既に存在するイメージの代替テキストを設定するには

• 次のいずれかの操作を行います。

  • Web ページでイメージを選択します。[タグのプロパティ] 作業ウィンドウで、alt 属性の横のボックスにテキストを入力します。

  • [デザイン] ビューで、イメージを右クリックし、[画像のプロパティ] をクリックします。[画像のプロパティ] ダイアログ ボックスの [全般] タブで、[代替テキスト] チェック ボックスをオンにし、テキスト ボックスにテキストを入力して、[OK] をクリックします。

画像と代替テキストを Web ページに追加するには

1. Web ページで、画像を追加する位置にカーソルを置き、次のいずれかの操作を行います。

   • [フォルダ一覧] 作業ウィンドウまたは [Web サイト] ビューの画像をページの [デザイン] ビューにドラッグします。

   • [共通]、[標準]、または [画像] ツール バーの [図をファイルから挿入] ボタン をクリックします。[画像] ダイアログ ボックスの [ファイル名] ボックスで、追加するファイルを指定して [挿入] をクリックします。

   • [挿入] メニューの [画像] をポイントし、[ファイルから] をクリックします。[画像] ダイアログ ボックスの [ファイル名] ボックスで、追加するファイルを指定して [挿入] をクリックします。

2. [アクセシビリティのプロパティ] ダイアログ ボックスの [代替テキスト] ボックスに代替テキストを入力します。代替テキストを使用して、イメージからスクリーン リーダーにアクセスできます。一部のブラウザでは、画像のダウンロード中、画像が見つからないとき、またはユーザーが画像をマウスでポイントしたときにも代替テキストが表示されます。詳細については、「イメージへのアクセシビリティ プロパティの設定」を参照してください。

3. 長い説明を追加するには、[参照] をクリックしてファイルを選択し、[OK] をクリックします。

関連項目

概念

Web ページへの画像の追加