shopify商店為特殊人群提供的圖片的替代文本和幻燈片和視頻可訪問性功能-ESG跨境

圖片的替代文本

當(dāng)您向您的在線商店添加圖片時(shí)，請(qǐng)務(wù)必使盲人或視力不佳的客戶也能訪問這些圖片。您可以通過添加精確描述每張圖片內(nèi)容的替代文字來實(shí)現(xiàn)此目的。使用屏幕閱讀器的客戶依靠替代文字來獲取您在線商店上的圖片內(nèi)容。

您可以從 后臺(tái)將替代文本添加到圖片。您可以通過模板管理器將替代文本添加到模板中的其他圖片。

在將替代文本添加到圖片時(shí)，假設(shè)您要向閉著眼睛的人描述圖片是一個(gè)好的做法。幫助他們?cè)谀X海中形成一張圖片。您描述圖片的方式也取決于網(wǎng)頁(yè)的內(nèi)容。例如，如果您的企業(yè)是一家旅行社，那么您描述圖片的方式可能與當(dāng)您的企業(yè)是一家戶外裝備店時(shí)有所不同。請(qǐng)思考以下圖片：

對(duì)于旅行社而言，您可以參考這兩位朋友正在旅行的國(guó)家和地區(qū)，以及他們正望向的海洋的名稱。另一方面，對(duì)于戶外裝備店而言，您可能會(huì)關(guān)注這兩位朋友背包的品牌和特色。

如果您的企業(yè)是一家旅行社，那么效果較差的替代文本示例可能是“兩個(gè)人面朝大?！?。對(duì)于相同的旅行社而言，效果較好的替代文本示例可能是“在一個(gè)陽(yáng)光明媚的日子里，兩位好友正在葡萄牙的拉古什旅行，他們一起眺望著卡米洛海灘的沙灘”。

幻燈片和視頻可訪問性

當(dāng)您向您的在線商店添加視頻時(shí)，請(qǐng)確保要考慮到以下客戶群體的需求：視力不佳的客戶、存在聽力障礙或聽力不佳的客戶，或可能易患前庭功能紊亂的客戶。

其中部分客戶依賴屏幕閱讀器的文本到語音轉(zhuǎn)換功能，該功能可大聲朗讀網(wǎng)頁(yè)的內(nèi)容。來自視頻和音樂的附加音頻可能會(huì)使此體驗(yàn)難以實(shí)現(xiàn)，特別是在其意外出現(xiàn)時(shí)。最好為您的視頻添加隱藏式字幕，以便耳聾或有聽力障礙的客戶可以訪問這些內(nèi)容。

前庭功能紊亂的客戶可能會(huì)因?yàn)橛^看移動(dòng)的內(nèi)容而出現(xiàn)眩暈的癥狀。因此，使幻燈片和視頻不會(huì)自動(dòng)播放是非常重要的。

幻燈片

當(dāng)您向您的添加幻燈片時(shí)，請(qǐng)遵循以下準(zhǔn)則：

• 不自動(dòng)播放幻燈片。

• 如果幻燈片自動(dòng)播放，它們應(yīng)包括客戶可以用于暫停或停止幻燈片播放的設(shè)置。

視頻

當(dāng)您向您的在線商店添加視頻時(shí)，請(qǐng)遵循以下準(zhǔn)則：

• 視頻不會(huì)自動(dòng)播放。

• 如果視頻自動(dòng)播放，則其音頻靜音。

• 對(duì)于包含音頻的視頻，此視頻完全可見，不受其他頁(yè)面元素的阻礙。這能夠使隱藏式字幕保持可見。

• 對(duì)于包含對(duì)話的視頻，可以使用文本聽錄稿。這些聽錄稿可包含在頁(yè)面上，或包含在可通過鏈接訪問的單獨(dú)頁(yè)面中。

這些準(zhǔn)則也適用于幻燈片中的視頻。

Alternative text for 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.

You can add alt text to your duct images from the Shopify admin. You can add alt text to the other images in your theme from the theme editor.

When you add alt text to an image, a good practice is to pretend that you're describing the image to someone who has their eyes closed. H them to create an image in their mind. The way that you describe an image also depends on the context of your web page. For example, you might describe an image differently if your business is a travel agency than if your business is an outdoor equipment store. Consider the following image:

For a travel agency, you might refer to the country and region in which the two friends are traveling, and to the name of the ocean or sea that they're looking at. On the other hand, for an outdoor equipment store, you might focus on the brands and features of the two friends' backpacks.

If your business is a travel agency, then an example of poor alt text might be, "Two people in front of the ocean." For the same agency, an example of good alt text might be, "Two friends traveling in Lagos, Portugal, looking out at the sandy cove of Praia do Camilo on a sunny day."

Slideshow and video accessibility

When you add videos to your online store, make sure that you consider the needs of customers with low vision, customers who are deaf or hard of hearing, or customers who might be susceptible to vestibular disorders.

Some of these customers rely on the text to speech capability of screen readers, which read aloud the contents of a web page. Additional audio from videos and music, especially when it's unexpected, can make this experience difficult. For customers who are deaf or hard of hearing, it's a good idea to add closed captioning to your videos so that those customers can access the content.

Customers with vestibular disorders can experience dizziness with moving content. Because of this, it's important that slideshows and videos don't play automatically.

Slideshows

When you add a slideshow to your online store, use the following guidelines:

• Slideshows do not play automatically.

• If slideshows do play automatically, then they include a setting that customers can use to pause or stop the slideshow.

Videos

When you add a video to your online store, use the following guidelines:

• Videos do not play automatically.

• If videos do play automatically, then their audio is muted.

• For videos that include audio, the video is fully visible and not obstructed by other page elements. This allows closed captions to remain visible.

• For videos that include dialogue, text transcripts are available. These are included either on the page, or in a link to a separate page.

These guidelines also apply to videos that are in a slideshow.

特別聲明：以上文章內(nèi)容僅代表作者本人觀點(diǎn)，不代表ESG跨境電商觀點(diǎn)或立場(chǎng)。如有關(guān)于作品內(nèi)容、版權(quán)或其它問題請(qǐng)于作品發(fā)表后的30日內(nèi)與ESG跨境電商聯(lián)系。