Add alt text to your template images
When you add images to your online store, be sure to make them accessible to blind or low-vision customers. You can do this by adding alt text that accurately describes the content of each image. Customers using screen readers rely on alt text to access image content on your online store.
In this article, you can learn how to add alt text to an image using the template editor. You can also add alt text to product images from your Shopify admin.
To learn more about alternative text and template accessibility, see Template accessibility.
To add alt text to a template image:
PC:
In the Shopify admin, go to Online Stores >Templates.
Find the template you want to edit and click Customize.
In the template editor sidebar, click the section that contains the image that needs alt text.
Under the image, click Edit.
In the dialog box, enter the alt text and click Save.
Click Save.
Mac:
In the Shopify app, tap Store.
In the Sales Channels section, tap Online Store.
Tap Manage Templates.
Find the template you want to edit and tap Customize.
Tap Edit.
In the template editor sidebar, click the section that contains the image that needs alt text.
Under the image, click Edit.
In the dialog box, enter the alt text and click Save.
Click Save.
Android:
In the Shopify app, tap Store.
In the Sales Channels section, tap Online Store.
Tap Manage Templates.
Find the template you want to edit and tap Customize.
Tap Edit.
In the template editor sidebar, click the section that contains the image that needs alt text.
Under the image, click Edit.
In the dialog box, enter the alt text and click Save.
Click Save.
Shopify merchant official website original text details:
Adding alternative text to your theme images
When you add images to your online store, it’s important to make them accessible to customers who are blind or have low vision. You can do this by adding alternative text that accurately describes each image. Customers who use screen readers rely on alt text to communicate the content of images on your online store.
In this article , you can read about adding alt text to images from the theme editor. You can alsoadd alt text to your product images from the Shopify admin.
To learn more about alt text and theme accessibility, seeAccessibility for themes.< /p>Add alt text to theme imagesSteps:
PC：
From your Shopify admin, go toOnline Store>Themes.
Find the theme that you want to edit, and then clickCustomize.
From the theme editor sidebar, click the section with the image that needs alt text.
Below the image, clickEdit.
In the dialog , enter the alt text, and then clickSave.
ClickSave.
iPhone:
From theShopify app, tapStore.
In theSales channelssection, tapOnline Store.
TapManage themes.
Find the theme that you want to edit, and then tapCustomize.
TapEdit.
From the theme editor sidebar, click the section with the image that needs alt text.
Below the image, clickEdit.
In the dialog, enter the alt text, and then clickSave .
ClickSave.
Android:
From theShopify app, tapStore.
In theSales channels section, tapOnline Store.
TapManage themes.
Find the theme that you want to edit, and then tapCustomize.
TapEdit.
From the theme editor sidebar, click the section with the image that needs alt text.
Below the image, clickEdit.
In the dialog, enter the alt text, and then clickSave.
ClickSave .
Source of article content: Shopify merchant official website