在閱讀本文之前，您可能沒有考慮過這個人口統計數據。然而，讓每個人都可以訪問網絡體驗不僅是傳播信息的重要組成部分，而且也是讓世界變得更適合那些在某種程度上受到損害的人生活的地方。

視力障礙也比你想象的更常見。估計有4.5％的人口出現色盲，4％的人患有低視力，0.6％的人在法律上失明。視覺上的困難很常見，在進行網頁設計時值得考慮。

Smashing Magazine的一位作者估計，大約10％的在線客戶會從更容易看到的設計中受益?？紤]到隨著年齡的增長，視覺障礙可能會影響我們所有人，這似乎是一個公平的假設。

 

最常見的視覺障礙類型

在為視障人士設計時，解決最常見的損傷類型非常重要。這些包括：

  • 色盲。最常見的視覺障礙類型，這會影響一個人區(qū)分顏色的能力。色盲的人也可能體驗到對色彩亮度的敏感度。
  • 視力低下。這涉及任何與敏銳度（清晰度），隧道視力，多云視力（例如來自白內障）或一只或兩只眼睛中的部分視力掙扎的人。
  • 失明。一個人可能在法律上失明，但仍然能夠制作出顏色和形式。它涉及雙眼功能性視力的顯著喪失。

設計視覺障礙

首先，重要的是要注意視力障礙患者對網絡的看法不同。對于具有色盲，低視力或法律失明的人來說，訪問和解釋特征可能明顯不同。在某些情況下，您網站的設計可能會使您的網站無法用于視障人士。

如果您是政府機構，承包商或分包商，您可能有責任搭建合適的環(huán)境。但是要是能做好的話可確保您的用戶可以平等訪問您的網站。

顏色對比

當下最重要，也許最簡單的建議之一是適當的色彩對比。根據WCAG，在顏色對比方面有三種不同的一致性級別：

  • 答：極少
  • AA：中檔
  • AAA：最高

大多數對可訪問性感興趣的網頁設計師都對AA指定感興趣，因為它吸引了大多數人。AA標準是前景（圖像和文本）與背景之間的比率為4.5：1。查看 4.5：1比率的示例以供參考。

調整色彩對比度是提高視障人士易用性的簡單方法。對于那些需要更高對比度的用戶，請考慮在您的設置中添加一項功能，您可以進一步提高色彩對比度。

不要太依賴顏色

雖然顏色對比很重要，但同樣重要的是不要使用顏色作為“傳達信息的唯一可視方式”（WCAG指南1.4.1）。換句話說，為那些頑固不化的人提供備用視覺指示器。

這聽起來像是一個簡單的修復，但是當你試圖找到合適的空白區(qū)域和內容時，它可能會很難。當您嘗試保持用戶界面不受干擾時，找到余額可能需要一些試驗和錯誤。

一個很好的例子是表單錯誤。在提交表單時傳達錯誤時，通常使用紅色文本。但是，色盲人可能需要另一個視覺提示，例如錯誤圖標或彈出文本標簽。



同樣，超鏈接是藍色的，表示文本確實是一個鏈接。但是，許多帶下劃線的鏈接可能會影響您的用戶體驗。另一方面，Bolding是一個很好的輔助指標，不會弄亂您的頁面。

留意媒體

視頻內容在可訪問性方面提供了獨特的機會和挑戰(zhàn)。一方面，視聽內容可以使視覺障礙的人更容易訪問網站。另一方面，視頻可能會使患有光敏性疾病的人更容易發(fā)生癲癇發(fā)作。WCAG有一些針對媒體的指導方針，其中包括：

  • 為“基于時間的”媒體提供替代方案。對于那些有視覺處理問題的人來說，動畫標題和文字可能難以消化。
  • 為所有用戶提供足夠的時間閱讀內容。在前面的示例中，您可以將動畫標題設置為在鼠標經過時停止。這將使文本靜態(tài)且更容易消化。
  • 限制閃爍。那些容易癲癇發(fā)作的人如果每3秒鐘看到一次以上的閃光就會經歷一次。使用視頻時，請避免過度閃爍（這在大多數情況下都不具吸引力）。

用紋理實驗

如前所述，顏色不是向視障人士傳達信息的最佳方式。色盲用戶經常發(fā)現很難區(qū)分不同的色調。例如，紅色，綠色和棕色的陰影對于經歷色盲的人可能看起來是相同的。

當您在圖形或圖表上使用顏色時，將圖案疊加應用于純色可以讓您的用戶更好地區(qū)分網站的不同部分。這比那些色盲的人更適用; 它使每個人都可以訪問該網站。替代紋理可在元素之間創(chuàng)建更多對比度 - 例如，嘗試檢查打印，對角線，菱形和垂直線條。

嘗試單色配色方案

就像它聽起來一樣，單色配色方案依賴于相同色調的不同色調。這聽起來違反直覺，但它的作用是消除與使用多種色調相關的額外含義。

音調的變化可以為您的網站元素提供意義并吸引用戶的注意力，就像使用不同的顏色一樣。作為額外的獎勵，用戶的注意力將覆蓋更廣泛的受眾群體。BigSound Buzz 使用對比度，單色配色方案和紋理，以獲得更好的可訪問性效果。

用戶設計中可訪問性的重要性



您的網站只有它的可訪問性 - 這意味著任何地方的任何用戶都可以訪問它。我們經常將可訪問性與殘疾等同起來，但在任何情況下，一個易于訪問的網站隨時都可以訪問每個人。對于某些人，例如政府承包商，網頁設計的可訪問性是一項道德義務。

對于我們其他人來說，這是一個道德的。無障礙不是殘疾或損傷; 這是關于人的。設計師必須接受這一概念，以使網絡成為每個人的更好體驗。這些提示將幫助您開始考慮可訪問性的下一個Web設計項目。