ヘルプ
ログイン

テーマ画像に代替テキストを追加する

オンラインストアに画像を追加する場合、目の不自由な方や視力の弱いお客様がアクセスできるようにすることが重要です。各画像を正確に説明する代替テキストを追加することで、これを実現できます。スクリーンリーダーを使用するお客様は、代替テキストを頼りにオンラインストアの画像コンテンツを理解します。

この記事では、テーマエディタから画像に代替テキストを追加する方法について説明します。管理画面から商品画像に代替テキストを追加することもできます。

代替テキストとテーマのアクセシビリティについて詳しくは、「テーマのアクセシビリティ」をご覧ください。

このページの内容

テーマ画像に代替テキストを追加する

手順：

デスクトップ

  1. 管理画面から、[オンラインストア] > [テーマ] に移動します。

  2. 編集するテーマを見つけて、[テーマを編集する] をクリックします。

  3. テーマエディタのサイドバーで、代替テキストが必要な画像を含むセクションをクリックします。

  4. 画像の上で、[編集する] をクリックします。

  5. ダイアログで代替テキストを入力し、[保存] をクリックします。

  6. [保存] をクリックします。

モバイル

  1. Shopify アプリから、Menu アイコンをタップします。

  2. [販売チャネル] セクションで、[オンラインストア] をタップします。

  3. [すべてのテーマを管理する] をタップします。

  4. 編集するテーマを見つけて、[テーマを編集する] をタップします。

  5. [編集] をタップします。

  6. テーマエディタのサイドバーで、代替テキストが必要な画像を含むセクションをタップします。

  7. 画像の上で、[編集する] をタップします。

  8. ダイアログで代替テキストを入力し、[保存] または [✓] をタップします。

  9. [保存] または [✓] をタップします。