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

オンラインストアに画像を追加する場合は、視覚障害や低視力のお客様が画像を利用できるようにすることが重要です。これを行うには、各画像を正確に説明する代替テキストを追加します。スクリーンリーダーを使用しているお客様には、オンラインストアの画像コンテンツを伝えるために代替テキストを使用します。

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

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

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

手順:

デスクトップ

1. 管理画面から [オンラインストア] > [テーマ] に移動します。
2. 編集するテーマを見つけて、[カスタマイズする] をクリックします。
3. テーマエディタのサイドバーから、代替テキストが必要な画像のセクションをクリックします。
4. 画像上で [編集] をクリックします。
5. ダイアログで代替テキストを入力し、 [保存] をクリックします。
6. [保存] をクリックします。

iPhone

1. Shopifyアプリで [...] ボタンをタップします。
2. 販売チャネルセクションで、[オンラインストア] をタップします。
3. [すべてのテーマを管理する] をタップします。
4. 編集するテーマを見つけて、[カスタマイズする] をタップします。
5. [編集] をタップします。
6. テーマエディタのサイドバーから、代替テキストが必要な画像のセクションをクリックします。
7. 画像上で [編集] をクリックします。
8. ダイアログで代替テキストを入力し、 [保存] をクリックします。
9. [保存] をクリックします。

Android

1. Shopifyアプリで [...] ボタンをタップします。
2. 販売チャネルセクションで、[オンラインストア] をタップします。
3. [すべてのテーマを管理する] をタップします。
4. 編集するテーマを見つけて、[カスタマイズする] をタップします。
5. [編集] をタップします。
6. テーマエディタのサイドバーから、代替テキストが必要な画像のセクションをクリックします。
7. 画像上で [編集] をクリックします。
8. ダイアログで代替テキストを入力し、 [保存] をクリックします。
9. [保存] をクリックします。