跳至主要內容
全部系列最佳實踐
為圖像添加替代文字:最佳實踐
為圖像添加替代文字:最佳實踐
Emily van der Harten avatar
作者:Emily van der Harten
一週前已更新

這篇文章是使用機器翻譯從英文翻譯而來的。

螢幕閱讀器等輔助技術使用替代文字(也稱為替代文字)向盲人或弱視人士描述圖像。當由於互聯網頻寬低而無法正確加載圖像時,以及當有人在網站上隱藏圖像以減輕認知負荷時,替代文字也會代替圖像出現。

Webex Events可讓您在整個平台上為圖像添加替代文本,以便每個人都可以公平地參與所有活動體驗。本文向您展示如何為圖像添加替代文本,並提供編寫有效替代文本的提示和資源。

為什麼要向圖像添加替代文字?

編寫有效的替代文本是一項值得學習的技能。不過,熟能生巧,嘗試總比什麼都不做要好。我們強烈建議為每個圖像添加替代文本,或在適當的情況下將圖像標記為裝飾性的。如果您不採取任何措施,許多用戶將無法存取您的內容。同樣,螢幕閱讀器將讀取圖像檔案名,這可能會導致令人沮喪和不愉快的用戶體驗。

替代文字提示

在我們了解如何在Webex Events平台中添加替代文字之前,本節重點介紹了幾種不同類型的圖像,概述了編寫替代文字的提示,並提供了來自Web Accessibility Initiative (WAI) 的資源以幫助您了解更多資訊。

影像類型

不同類型的圖像需要不同類型的替代文字。以下是您可以添加到平台各個部分的常見圖像類型:

  • 資訊圖像- 包含有助於理解頁面上傳達的概念的資訊的圖像。如果人們看不到圖像,他們就會錯過關鍵訊息。這些圖像需要替代文字。

  • 裝飾圖像- 不會向頁面上傳達的內容添加任何進一步資訊的圖像,例如背景圖像。這些圖像可以標記為裝飾性的。

  • 功能圖像- 也連結到其他目的地的圖像。這些圖像需要包含連結用途的替代文字。例如,如果您有一個內部連結到贊助商功能的橫幅圖像,請將此資訊包含在您的替代文字中,以便人們知道會發生什麼。

  • 文字圖像- 包含資訊文字的圖像。像這樣的圖像中傳達的訊息需要有一個等效的文本,通常用替代文本編寫。

編寫替代文字的提示

  • 保持您的替代文字簡短。我們建議不要超過 1-2 個句子,而Webex Events平台將替代文字限制為 250 個字元。

  • 結合周圍環境描述影像。問問自己,“關於這張圖片,人們需要了解哪些基本資訊?”您的目標是提供與圖像所傳達的內容等效的文字。

  • 如果您的圖像包含文本,則該訊息也需要以文字格式存在,無論是在替代文字欄位中還是在相鄰的描述中。例如,您可能有一個橫幅圖像,其中包含有關會話的一些資訊。螢幕閱讀器無法閱讀嵌入圖像中的文本,因此替代文字是添加等效文字的好地方。

  • 替代文字不要以“Image of”開頭。螢幕閱讀器經常會讀出圖像,因此沒有必要寫「圖像」。

  • 將圖像標記為裝飾性會告訴螢幕閱讀器忽略該圖像並跳過它。如果出現以下情況,則將圖像標記為裝飾性:

    • 該圖像不添加任何附加資訊或上下文。

    • 圖像在相鄰文字中進行描述,否則添加替代文字將會重複。例如,正下方文本中名稱為「Serena Page」的個人資料圖像不需要顯示「Serena Page 的個人資料圖像」的替代文本,並且可以將其標記為裝飾性。

替代文字資源

WAI 擁有大量資源可協助您撰寫清晰且有用的替代文字。

我可以在Webex Events中的哪裡添加替代文字?

對於上傳到Webex Events平台的幾乎所有圖像,您都可以添加替代文字或將圖像標記為裝飾性的。個人資料圖像是個例外,它會自動為您標記為裝飾性圖像。 😸

💡 請記住,您只能在直接在平台內手動上傳時向圖像添加替代文字。目前,導入資料時無法新增替代文字。

在Event App上,與會者可以將替代文字新增至他們發佈到牆功能的圖像中。

如何在Webex Events平台中新增替代文本

  1. 將圖像上傳到Webex Events平台時,按一下「預覽」步驟中的新增替代文字按鈕。

    預覽模式中的新增替代文字按鈕。
  2. 在「新增替代文字」模式中,在替代文字欄位中輸入圖像的簡短描述,最多 250 個字元。如果圖像是裝飾性的並且不添加任何資訊值,只需選中“圖像是裝飾性的”框而不添加替代文字。

    1. 在以下範例中,圖像包含文字“主講人珍妮特·沃森。聯合國能源署人人享有可持續能源主席。”,因此我們已將此確切文字添加到替代文字欄位中。

      剛剛在“新增替代文字”模式中描述的範例。
  3. 按一下「儲存」

  4. 點選上傳完成。

💡 請記住,無法在Webex Events平台中編輯圖像上的替代文字。如果您需要更改替代文本,則必須重新上傳圖像並在上傳過程中添加更新的替代文本,如上所述。

與會者如何將圖像替代文字添加到牆帖子中

將圖像作為牆帖子的一部分上傳的與會者可以在發佈到牆之前添加替代文字。

Web 應用程式使用者點擊「預覽」步驟中的新增替代文字按鈕,新增替代文字或將圖像標記為裝飾,按一下儲存,然後按一下上傳

在 Web 應用程式上新增替代文字模式。替代文本說,

行動應用程式使用者只需點擊圖像右上角的+Alt按鈕,輸入圖像的替代文本,點擊「完成」 ,然後點擊「發布」

剛才所描述的過程。

現在您了解了替代文字!為什麼不詳細了解如何透過協作表單節省時間?

問題?與我們聊天或發送電子郵件至 support@socio.events

是否回答了您的問題?