當您向您的在線商店添加圖片時,請務必使盲人或視力不佳的客戶也能訪問這些圖片。您可以通過添加精確描述每張圖片內容的替代文字來實現此目的。使用屏幕閱讀器的客戶依靠替代文字來獲取您在線商店上的圖片內容。
當您向您的在線商店添加圖片時,請務必使盲人或視力不佳的客戶也能訪問這些圖片。您可以通過添加精確描述每張圖片內容的替代文字來實現此目的。使用屏幕閱讀器的客戶依靠替代文字來獲取您在線商店上的圖片內容。
您可以從 后臺將替代文本添加到圖片。您可以通過模板管理器將替代文本添加到模板中的其他圖片。
在將替代文本添加到圖片時,假設您要向閉著眼睛的人描述圖片是一個好的做法。幫助他們在腦海中形成一張圖片。您描述圖片的方式也取決于網頁的內容。例如,如果您的企業是一家旅行社,那么您描述圖片的方式可能與當您的企業是一家戶外裝備店時有所不同。請思考以下圖片:
對于旅行社而言,您可以參考這兩位朋友正在旅行的國家和地區,以及他們正望向的海洋的名稱。另一方面,對于戶外裝備店而言,您可能會關注這兩位朋友背包的品牌和特色。
如果您的企業是一家旅行社,那么效果較差的替代文本示例可能是“兩個人面朝大海”。對于相同的旅行社而言,效果較好的替代文本示例可能是“在一個陽光明媚的日子里,兩位好友正在葡萄牙的拉古什旅行,他們一起眺望著卡米洛海灘的沙灘”。
當您向您的在線商店添加視頻時,請確保要考慮到以下客戶群體的需求:視力不佳的客戶、存在聽力障礙或聽力不佳的客戶,或可能易患前庭功能紊亂的客戶。
其中部分客戶依賴屏幕閱讀器的文本到語音轉換功能,該功能可大聲朗讀網頁的內容。來自視頻和音樂的附加音頻可能會使此體驗難以實現,特別是在其意外出現時。最好為您的視頻添加隱藏式字幕,以便耳聾或有聽力障礙的客戶可以訪問這些內容。
前庭功能紊亂的客戶可能會因為觀看移動的內容而出現眩暈的癥狀。因此,使幻燈片和視頻不會自動播放是非常重要的。
當您向您的添加幻燈片時,請遵循以下準則:
不自動播放幻燈片。
如果幻燈片自動播放,它們應包括客戶可以用于暫停或停止幻燈片播放的設置。
當您向您的在線商店添加視頻時,請遵循以下準則:
視頻不會自動播放。
如果視頻自動播放,則其音頻靜音。
對于包含音頻的視頻,此視頻完全可見,不受其他頁面元素的阻礙。這能夠使隱藏式字幕保持可見。
對于包含對話的視頻,可以使用文本聽錄稿。這些聽錄稿可包含在頁面上,或包含在可通過鏈接訪問的單獨頁面中。
這些準則也適用于幻燈片中的視頻。
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.
特別聲明:以上文章內容僅代表作者本人觀點,不代表ESG跨境電商觀點或立場。如有關于作品內容、版權或其它問題請于作品發表后的30日內與ESG跨境電商聯系。
二維碼加載中...
使用微信掃一掃登錄
使用賬號密碼登錄
平臺顧問
微信掃一掃
馬上聯系在線顧問
小程序
ESG跨境小程序
手機入駐更便捷
返回頂部