在設計網站時,重要的是考慮所有潛在的訪問者。這包括視障者: 那些患有色盲,視力低下甚至完全失明的人。雖然只有美國政府網站被要求遵守康復法案第 508 條,許多大型美國零售商開始跟隨,特別是在目標被提起 600 萬美元為視障人士無法訪問的網站。當提高您的網站對視障者的可訪問性時,首先要考慮的是損害的程度。您的網站是否適合色盲,低視力,部分失明甚至完全失明的多使用者? 幸運的是,有幾個線上工具和軟體可以幫助您的網站更容易訪問。 WordPress 網站設計開發要考慮視力障礙者嗎?答案是肯定的。下面來看看針對視力障礙者所做的網站有什麼特點。
色盲
研究表明,約 8%的男性和 1%的女性有某種型別的色盲,通常是紅綠色盲。不言而喻,使用紅色和綠色作為主色組合可能導致無色盲多使用者的輔助功能問題。但是,您還可以執行其他操作來改善多使用者體驗。因此,在開始使您的網站變差(刪除顏色)之前,請先儲存您網站的當前工作,然後嘗試以下操作:
確保正確的顏色對比:一些設計師認為,提高站點的顏色對比度意味著它們僅限於黑白配色方案。其實不是。它只是意味著您使用的顏色應該透過一個顏色分析儀,並測量亮度差異,色差和對比度。
不要依賴於顏色編碼:設計師結合了使用顏色來識別網站元素的實踐,例如按鈕,選單,連結和文字。請嘗試使用圖示或下劃線文字來區分網站的各種元素。
低視力
選擇字型樣式和大小以確保可讀性可能是設計過程中最重要的因素。有幾個有用的螢幕放大鏡(放大鏡或虛擬放大鏡)和輔助工具,如設計師,一種殘疾模擬應用程式,建立一個頁面看起來與低視力和完全失明的人的視覺化。但是,您還可以採取幾個步驟來提高低視力多使用者的可訪問性。
避免或限制低解析度影像與文字的新增,低解析度影像通常用於提高網站的載入時間,這是很好的,如果其尺寸擴大許多,有時影像會極度扭曲和模糊。使用螢幕放大鏡工具的人也很難檢視影像上的文字。
不要使用滾動,閃爍或動畫文字,想象一下,試圖讀取從左到右滾動真的很快,很多人都可以跟上這個速度,對吧?現在想象一下當您視力受損時閱讀會怎樣。
前端載入您的內容,前端載入不是 Web 開發人員的特定方向或術語。它是一種描述一種將最重要的資訊或點放在首位的寫法的方法。這種寫作練習可以幫助讀者輕鬆掃描您網站上的內容,並決定他們是否想繼續閱讀,當然您希望他們這樣做。此外,您網站上的前端載入內容可以由使用螢幕放大鏡的人更容易管理。
您的設計應該清晰地分開,將您的內容分成很容易掃描的部分,並顯示正文內容和側欄內容之間的差異也很重要。使用正確的標題標記可讓所有網站多使用者更輕鬆地閱讀您的網頁內容。它還簡化了使用螢幕閱讀器的網站訪問者的導航。 還可以新增邊框,背景顏色,標題,內容,連結,間距,圖示等,以及更大的文字。 使用較少的圖形,併為您使用的圖片和表格提供替代文字。使用易於閱讀的字型 – 像 Verdana,Arial,Helvetica 和 Tahoma 這樣的字型非常清晰,仍然相當時尚。如果您有更多關於 WordPress 外貿獨立站網站建設、 WordPress 站群網站最佳化、 logo 設計、品牌設計、印刷、 WordPress APP/WordPress 微信開發等產品服務的需求,歡迎諮詢跨飛獨立站 WooCommerce 官網,新上線企業 VI 設計套餐和 WordPress 站群網站營銷推廣系統(強)!
部分和全部失明
您將用於低視力多使用者的大部分設計過程也適用於部分盲人多使用者。 然而,針對那些完全失明的人的設計過程,還需要考慮更多的元件。驗證 HTML 編碼,這將有助於減少網路瀏覽器和螢幕閱讀器誤讀您網站的內容的機會。新增標題標籤和替代標籤 – 這些元標籤將幫助螢幕閱讀器區分每個頁面的主題和其上的影像。使用更少的圖形 – 使用更少的圖形有助於載入時間,因此此元件可以幫助所有多使用者,而不僅僅是具有視覺障礙的多使用者。