在釺構建訪問信息

營銷的內容不包括殘疾人,甚至無意中,可以防止數以百萬計的人與你的品牌互動。可訪問性營銷是方便大家體驗營銷,接收和理解你的溝通,並有機會投資或成為一個喜歡你的產品,服務或品牌。在設計你的消息時,需要額外的時間來考慮如何使你的設計可訪問所有你的客戶。manbetx万博全站客户端

為什麼可訪問性問題

• 更好的可用性:可訪問性鼓勵你去思考你的應用程序或網站的可用性,因為你考慮用戶如何與你的內容。這意味著通常可訪問性提高了所有用戶的在線體驗,而不僅僅是那些殘疾。
• 擴展市場範圍:殘疾人的全球市場超過10億人,近7萬億美元的購買力。

  “殘疾人的市場是巨大的,而且在不斷發展壯大,隨著全球人口老齡化。大型傷殘保險市場在英國,被稱為“紫色的英鎊,殘疾人及其家庭每年花費至少£2490億。在美國,每年殘疾人的可自由支配的開支超過2000億美元。殘疾的全球估計市場近7萬億美元。”
  來源:W3C

• 減少法律風險:許多國家法律要求的數字可訪問性。

殘疾領域需要考慮

本節部分改編自W3C:不同能力和障礙。

視覺

視覺障礙的範圍可以從輕度或中度視力喪失的一個或兩個眼睛,同時大幅或完全失明的眼睛。有些人減少或缺乏對特定顏色或明亮的顏色更加敏感。

與你的內容,這些用戶需要的能力:

• 擴大或減少文本尺寸和圖片
• 自定義設置字體、顏色和間距
• 聽語音合成的內容(即,使用屏幕閱讀器)
• 聽音頻視頻的描述
• 使用可刷新的布萊葉盲文閱讀文本

聽力

聽力或聽覺障礙包括輕度至中度聽力障礙的一個或兩個耳朵。甚至部分損失聽力可以在視音頻內容的問題。

理解你的內容,這些用戶依賴於:

• 成績單和音頻內容的標題
• 媒體播放器顯示標題和提供選項來調整文本大小和顏色的標題
• 選項停止、暫停和音量的音頻內容(獨立於係統體積)
• 高質量的前景從任何背景噪音音頻,清晰可辨

物理

身體殘疾包括肌肉控製的弱點和局限性或感覺,關節疾病,四肢疼痛,阻礙運動,失蹤。

這些用戶依賴鍵盤支持激活功能(即使他們不使用標準鍵盤)。與你的內容,這些用戶需要:

• 大的可點擊區域
• 足夠的時間來完成任務
• 可見指標的當前的焦點
• 機製來跳過的內容,比如頁麵標題或導航欄

認知

認知、學習和神經障礙涉及神經的多樣性和神經障礙、行為以及精神健康障礙患者不一定神經。他們可能會影響神經係統的任何部分和影響人們聽到有多好,移動,看到,說話,理解信息。

根據個人需要,這些用戶依賴於:

• 明顯的結構化內容
• 一致的標記形式、按鈕和其他內容
• 可預測的鏈接目標和整體交互
• 不同的方式來導航,如菜單和搜索欄
• 設置關閉閃爍,閃爍,或者分散的內容
• 簡單的文本所支持的圖像

最佳實踐

內容

• 保持你的品牌內容,但用平實的語言。寫信給一個美國初中一年級的閱讀水平。您可以使用資源等海明威的應用檢查你的文本的閱讀水平。
• 內容邏輯結構,確保標題遵循正確的層次結構。不要跳過標題層次。
• 避免長時間居中對齊文本塊的內容。這可以讓用戶與認知或學習障礙難以閱讀。內容包裝超過兩行應該左對齊。
• 使用無襯線字體,它在數字設備更容易閱讀。
• 總是測試您的副本發送測試消息一個設備來確保你的文本不是截斷。如果你的信息是被切斷,這傷害了你和用戶,因為它可以防止你的內容達到您的用戶。

鏈接

使用鏈接導航,引導用戶到外部頁麵。

編寫鏈接文本,鏈接將用戶清楚地描述。屏幕閱讀器用戶經常跳過從鏈接的方式鏈接瀏覽內容,所以確保你的鏈接文本可以自立。避免像“點擊這裏”、“,”和“點擊詳情,模棱兩可的時候讀斷章取義。

例如,考慮如何編寫一個鏈接來查看天氣預報。

與所有內容,保持它的簡單與盡可能多的話。

按鈕

使用按鈕為可點擊的行為,如發送表單或玩旋轉木馬。

類似於鏈接文本,按鈕文字寫清楚地描述了行動,當用戶按下它會發生(例如,“閱讀全文”而不是“閱讀更多”)。測試,以確保你的按鈕文本不是太長了。如果按鈕不能顯示所有的文本,它將與一個省略號,而不是文本截斷包裝到一個新行。

圖片

一些用戶不能夠看到你的營銷內容的圖像。不考慮可訪問性,圖像可以成為障礙所有用戶接收相同的內容。

Alt文本

替代文本是一個簡短的描述圖像內容的屏幕閱讀器和其他輔助技術提供給他們的用戶。

• 每一個形象,寫替代文本提供的信息或功能形象。
• 如果圖像是裝飾(不添加內容),使用一個空的alt屬性(alt = " ")。
• 不要使用“圖片”或“形象”這個詞在你的alt文本。

圖像的文本

避免使用圖像的文本,如屏幕閱讀器不能讀文本包含在一個圖像。圖像的文本也不調整好,不能定製用戶的需求和喜好。與實際文本,用戶可以定製顏色和對比度,調整文本不失質量。當放大圖像的文字時,他們成為像素化和低質量,使他們難以閱讀。

視頻

提供關閉字幕視頻。他們幫助失明的人,這些看在一個嘈雜的地方,和那些說另一種語言比語言的視頻。

顏色對比

有足夠的色彩對比可以快速獲得可訪問性。前景(文本)和背景之間的對比度顏色應符合WCAG 2.1 AA級要求:

• 對比度的4.5:1正常文本(認為主體文本、按鈕和鏈接)
• 對比度3:1的大型文本(頭)

您可以使用WebAim對比檢查器工具看看你的文本是可讀的背景顏色。

形式

塊長形式成更小的部分
為了減少認知負荷,長形式分解成更小的部分。這被稱為組塊,累進披露模式用於使信息更容易消耗。這個好處所有用戶但有認知障礙的人特別有幫助。

不要隱藏在工具提示或其他重要內容懸停狀態
內容包含在懸停狀態沒有發現,頁麵,和屏幕放大器用戶將難以查看內容,隻是在徘徊。

避免阻塞中存在非法字符字段
不要阻止某些字符類型輸入表單字段。最好是允許用戶輸入他們想要的,然後提供一個錯誤消息,什麼是錯的。屏蔽鍵盤輸入為輔助技術用戶帶來了特殊的問題,因為他們依賴於內部驗證以確定他們已經正確填寫表單。

寫清楚錯誤消息
良好的錯誤消息是由三部分組成:發生了什麼事,出了什麼問題,如何解決它。錯誤消息應該清楚和容易理解。盡量用簡單的語言。不需要花哨的術語。

自定義HTML

如果你使用任何自定義的HTML消息傳遞:

• 使用語義HTML。這意味著使用正確的HTML元素的目的而不是樣式元素看起來像另一個。大多數HTML元素都有自己的易訪問性支持。
• 設置語言屬性在HTML內容識別的語言。屏幕閱讀器為每種語言使用不同的聲音庫基於語言的發音和特點。如果指定的語言,屏幕閱讀器可以根據需要自動切換語言庫。例如:

          

           

            

             
1
             
< htmllang =“en - us”>