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

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

在本文中,您可以了解如何通过模板编辑器向图片添加替代文本。您还可以从 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商户官方网站


(本文内容根据网络资料整理,出于传递更多信息之目的,不代表连连国际赞同其观点和立场)