向您的模板图片添加替代文本

当您向您的在线商店添加图片时，请务必使盲人或视力不佳的客户也能访问这些图片。您可以通过添加精确描述每张图片内容的替代文字来实现此目的。使用屏幕阅读器的客户依靠替代文字来获取您在线商店上的图片内容。

在本文中，您可以了解如何通过模板编辑器向图片添加替代文本。您还可以从 Shopify 后台向产品图片添加替代文本。

若要了解有关替代文本和模板辅助功能的详细信息，请参阅模板的辅助功能。

将替代文本添加到模板图片中

步骤：

PC：

1. 在 Shopify 后台中，转到在线商店 > 模板。

2. 找到您要编辑的模板，然后点击自定义。

1. 在模板编辑器侧栏中，点击包含需要替代文本的图片的分区。

2. 在图片下方，点击编辑。

3. 在对话框中，输入替代文字，然后点击保存。

4. 点击保存。

苹果系统：

1. 在 Shopify 应用中，轻触商店。

2. 在销售渠道部分，轻触在线商店。

3. 轻触管理模板。

4. 找到您要编辑的模板，然后轻触自定义。

5. 轻触编辑。

1. 在模板编辑器侧栏中，点击包含需要替代文本的图片的分区。

2. 在图片下方，点击编辑。

3. 在对话框中，输入替代文字，然后点击保存。

4. 点击保存。

安卓系统：

1. 在 Shopify 应用中，轻触商店。

2. 在销售渠道部分，轻触在线商店。

3. 轻触管理模板。

4. 找到您要编辑的模板，然后轻触自定义。

5. 轻触编辑。

1. 在模板编辑器侧栏中，点击包含需要替代文本的图片的分区。

2. 在图片下方，点击编辑。

3. 在对话框中，输入替代文字，然后点击保存。

4. 点击保存。

Shopify商户官网原文详情：

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 also add alt text to your product images from the Shopify admin.

To learn more about alt text and theme accessibility, see Accessibility for themes.

Add alt text to theme images

Steps:

PC：

1. From your Shopify admin, go to Online Store > Themes.

2. Find the theme that you want to edit, and then click Customize.

1. From the theme editor sidebar, click the section with the image that needs alt text.

2. Below the image, click Edit.

3. In the dialog, enter the alt text, and then click Save.

4. Click Save.

iPhone：

1. From the Shopify app, tap Store.

2. In the Sales channels section, tap Online Store.

3. Tap Manage themes.

4. Find the theme that you want to edit, and then tap Customize.

5. Tap Edit.

1. From the theme editor sidebar, click the section with the image that needs alt text.

2. Below the image, click Edit.

3. In the dialog, enter the alt text, and then click Save.

4. Click Save.

Android：

1. From the Shopify app, tap Store.

2. In the Sales channels section, tap Online Store.

3. Tap Manage themes.

4. Find the theme that you want to edit, and then tap Customize.

5. Tap Edit.

1. From the theme editor sidebar, click the section with the image that needs alt text.

2. Below the image, click Edit.

3. In the dialog, enter the alt text, and then click Save.

4. Click Save.

文章内容来源：Shopify商户官方网站

（本文内容根据网络资料整理和来自用户投稿，出于传递更多信息之目的，不代表本站其观点和立场。本站不具备任何原创保护和所有权，也不对其真实性、可靠性承担任何法律责任，特此声明！）

常见问答(FQAS)

在Shopify管理后台编辑模板页面,选择需要添加替代文本的图片,会看到图片右下角有\"替代文本\"选项,在这个位置填写图片的描述性文本即可。添加替代文本有助于提高网站访问优化和无障碍 compliance。

替代文本应简短而具有描述性,告诉用户图片显示什么内容。例如不好的替代文本是\"图片1\",好的替代文本可以是\"时尚爱好者手拿新款太阳镜\"。对于美术作品等艺术图片,替代文本可以描述图片主题或画法。

不是每个图片都一定需要填写替代文本。例如纯装饰性图片不需要,或者内容很清晰不需要额外解释的图片也可以不填。但大部分信息性图片,尤其是产品图片,都应该添加中肯而描述性的替代文本。以帮助屏幕阅读器用户和视障用户理解图片内容。