在社交媒體上創建無障礙內容

已發表: 2022-12-06

在社交媒體上的書面內容旁邊添加視覺效果可以幫助提升您的品牌信息,協助您講述品牌故事,並可以增加參與度——但是您發布的平台上的所有用戶都可以訪問您的內容嗎?

據世界衛生組織稱,全球約有 15% 的人口患有某種形式的殘疾,約有 10 億人。 此外,多達 1.9 億 15 歲及以上的人在功能上存在嚴重困難,因此需要更大的可及性。 有視力或聽力障礙等殘疾的人可能需要某些工具才能使用正常人通常不會考慮的內容。 雖然公司和企業無法控制社交媒體平台的可訪問性,但他們可以控制他們創建的內容,使其更具包容性,更易於所有人訪問。

您可能已經熟悉 Web 內容可訪問性指南 (WCAG) 及其指南,但這如何轉化為社交媒體上發布的內容? 下面我們概述了一些可以在社交媒體上創建更易於訪問的數字內容的方法,從而使您能夠接觸到更多的受眾。

視頻字幕和音頻描述

視頻字幕已成為社交媒體的標準。 您經常會在 YouTube 或 TikTok 等平台上找到自動生成的字幕,這有助於提高可訪問性。 然而,仍有許多營銷人員沒有在他們的視頻中使用字幕,即使那些使用了字幕的營銷人員也可能仍未考慮字幕的準確性。

有兩種類型的字幕:

  • 開放式字幕——嵌入到您的視頻中的字幕,由創作者自行添加
  • 隱藏式字幕– 與視頻一起上傳的字幕,通常在兩個單獨的文件中。 字幕文件(通常是 .srt 文件)將顯示視頻中應顯示字幕的時間,用戶可以選擇打開或關閉字幕。

哪個最好? 這取決於品牌和可用資源。 開放式字幕很棒,因為用戶不必擔心打開字幕,因為它們已經在視頻中,而且字幕不正確的風險較小(與自動生成字幕相比)。 另一方面,隱藏式字幕通常可以放大和翻譯,使其成為吸引更多人的熱門選擇。

雖然有聽力障礙的人通常依賴視頻字幕,但他們並不是唯一的人。 Verizon Media 和 Publicis Media 的一項研究發現,50% 的人表示字幕很重要,因為他們觀看的視頻沒有聲音。 同時,69% 的人會在公共場合觀看無聲視頻,而 80% 的人更願意在有字幕的情況下全程觀看視頻。 與此同時,85% 的 Facebook 視頻和 80% 的 LinkedIn 視頻觀看是在靜音狀態下觀看的。

很明顯,有相當多的用戶觀看沒有聲音的視頻,因此字幕對於傳達您的信息非常重要。 字幕變得更加容易快速添加,例如在 Instagram Stories and Reels 上,其中大部分視頻內容來自用戶。 最近,他們提供了一個“字幕”貼紙,用戶可以將其添加到他們的視頻中,以轉錄他們所說的話。 如果您是一個經常在 Instagram 上發布視頻故事的品牌,那麼添加這些字幕對於那些在沒有聲音的情況下觀看視頻的人和那些需要字幕的人來說都是有益的。

請記住在發布視頻之前始終檢查/調整字幕以確保准確性,或者使用 Subly 等第三方服務生成字幕,而不是依賴社交平台的自動生成字幕。

讓您的視頻在社交媒體上更容易訪問時,音頻描述也很重要。 對於有視覺障礙的人來說,音頻描述正是您所想的——它們描述的是音頻。 當播放視頻時,個人將有機會了解場景中發生的事情,而不是僅僅依靠對話。 您可以在此處找到音頻描述示例。

目前,無法輕易打開或關閉發佈到流行社交媒體帳戶的視頻的音頻描述。 因此,您可能需要考慮上傳兩個視頻——一個沒有音頻描述,一個有音頻描述。 這個額外的步驟,尤其是在對您的品牌信息極其重要的視頻內容上,例如商業廣告,可以使其更易於訪問。

圖片替代文字

Alt 文本是附加到圖像的副本,描述圖像是什麼及其背後的上下文。 對於有視力障礙的人,替代文本允許屏幕閱讀器為他們生成圖像的合成語音。 當圖像無法在網站上正確加載時,替代文字也很有用。 在搜索引擎優化 (SEO) 方面,替代文本還有助於在搜索引擎抓取您的上下文時為搜索引擎提供更多圖像背後的上下文,這可以在索引它時提供幫助。

添加替代文本時,請盡量簡潔,因為屏幕閱讀器通常最多只能閱讀 125 個字符。 在這樣做的同時,使用為圖像提供上下文的特定詞語也很重要。 與其說“一個坐在辦公桌前的女人……”,不如說“一個坐在辦公桌前的女員工……”。 您希望盡可能地具有描述性。 另外,盡量避免在 alt 描述的開頭使用“image of”; 屏幕閱讀器已經知道這是一張圖片,所以直接看描述。

替代文本可在 Instagram、Facebook、Twitter 和 LinkedIn 等流行社交平台上使用。 在 Facebook 和 Instagram 上,您通常可以在照片上傳前在創作工作室中找到此選項,或者在發布後的圖片設置中找到此選項。 對於 Twitter,您會在圖片下方找到添加描述的選項,而在 LinkedIn 上,您會在圖片頂部找到“添加替代文本”。

請記住,並非每張圖片都需要替代文字——如果它純粹是裝飾性的,通常會有一個框供您勾選以指明此類內容。 還要確保避免將圖像標題或說明添加到替代文本框,因為這對需要屏幕閱讀器描述圖像的殘障人士沒有幫助。

說到屏幕閱讀器——你會在社交媒體上的文案中添加表情符號嗎? 這種常見的做法可以在文本旁邊增加一些生動性,但是放置它們的位置很重要。 由於表情符號中已經嵌入了替代文本,屏幕閱讀器可以向個人傳達它是什麼,但是當表情符號放在句子中間、用於替換單詞或用作要點時,它可能並不總是符合您期望的上下文,尤其是當屏幕閱讀器嘗試處理表情符號和文本時。 相反,在句子末尾或標題末尾添加表情符號。

如果您想知道表情符號的含義或它如何翻譯成文本,請查看此表情符號百科。

大寫標籤

將大寫添加到主題標籤中每個單詞的首字母,稱為 CamelCase(之所以這樣命名是因為大寫字母看起來像駱駝的駝峰),可以讓用戶更好地理解主題標籤,使其更易於訪問 – #ratherthanthis it #LooksLikeThis

在帖子中添加主題標籤是吸引更多人的好方法,但如果有大量小寫字母,它就沒有用了。 同樣,屏幕閱讀器會將全小寫的主題標籤視為一個詞,這不會為閱讀內容的個人提供任何幫助。 相反,使用 CamelCase 的主題標籤允許屏幕閱讀器理解主題標籤的內容,並且可以幫助那些可能需要閱讀幫助的人。

記住您使用了多少主題標籤很重要。 對於那些使用屏幕閱讀器的人,它會接收你添加的每個主題標籤並向個人說出來。 這意味著如果您使用 20-30 個主題標籤,則該人必須聽取每個主題標籤。 作為一種解決方案,您可以將主題標籤添加到帖子的第一條評論中,這有助於分隔標題並幫助屏幕閱讀器僅傳達消息的要點。

顏色對比和移動圖形

引人注目的設計可以為社交媒體上的品牌創造奇蹟,但如何展示視覺效果勢在必行。 根據經驗,背景和圖像上的任何文本之間應該始終有足夠的顏色對比。 如果文本顏色較淺,則它應該在較暗的背景上(反之亦然)。 檢查顏色對比度的最佳方法是使用在線工具,例如 Web AIM 的 Contrast Checker。

帶有文案的圖像需要至少 4.5:1 的顏色對比度,而 18pt 和更大的文本以及傳達意義的元素(如圖標、按鈕和圖表/圖形的組件)需要 3:1 的比例。

對於那些容易癲癇發作的人來說,其中包含頻閃、明亮元素的圖形可能難以查看,而且很危險。 每秒閃爍超過 3 次的閃爍圖形或元素在圖像上佔據大量空間,並且在閃爍之間具有顯著的顏色對比(明暗)可能是危險的。 根據 Epilepsy Foundation 的說法,感光人群每秒觀看的閃光不應超過 3 次,而閃光元素不應超過圖形總面積的 25%。 他們還發現,“飽和的深紅色”顏色對癲癇患者的影響更大,因為人類對飽和的紅色閃爍更敏感。 您可以在此處找到有關紅色閃光閾值的更多信息。

由於全世界至少有 22 億人有視力障礙,因此創建更能滿足他們需求的視覺內容,同時讓您的內容更易於視覺消費,是雙贏的。 例如,色盲是一種常見病症,在設計社交媒體圖片時應予以考慮。 為了更好地適應有這種情況的人,最好避免使用顏色作為含義。 換句話說,不要只使用紅色來表示帖子中的錯誤。 相反,在圖像中包含文本(連同顏色)以描繪您想要的任何含義。

以下是選擇字體時需要考慮的其他一些快速提示:

  • 不要在繁忙的背景上使用文字
  • 為了突出文本,在文本後面添加對比色作為突出顯示
  • 避免難以閱讀的小字體(12 磅應該是最小的)

向前進

開始在社交媒體上為您的設計添加更多可訪問性永遠不會太晚。 製作可訪問的社交媒體內容可以讓您的品牌面向更廣泛的受眾,並讓您的內容被更多人消費。 利用您當前的內容,看看您可以改進的領域——額外的步驟是值得的。