界面設(shè)計可訪問性中顏色的運用

　　一個設(shè)計優(yōu)秀的產(chǎn)品，可訪問性對所有用戶來說都是很高的，本文主要關(guān)注可訪問性中顏色的運用。
　　顏色和對比
　　確保界面設(shè)計中的顏色對用戶來說是易于訪問的，這是視覺設(shè)計師最重要的工作。應(yīng)該使用顏色和對比度來幫助用戶看到并理解應(yīng)用程序的內(nèi)容、交互元素。
　　621672408619351285
　　根據(jù)W3C Web內(nèi)容的可訪問性指南（WCAG），小型文本與背景的比例至少是4.5:1，大型文本（14pt的粗體/18pt常規(guī)體或以上）應(yīng)該有一個至少3:1的對比度。這條規(guī)則可以幫助人們在屏幕上看清使用了不同顏色的文字。具體數(shù)值不用去關(guān)心，根據(jù)設(shè)計者的感覺足以應(yīng)付。
　　但對于有些色弱或色盲用戶來說，他們看到的顏色有所不同，所以在設(shè)計的時候還是要盡量選擇對比度較高的組合。
　　像Color Safe這樣的在線工具可以幫助你在設(shè)計的時候挑選可訪問性高的顏色組合。
　　
　　還有WebAIM，WebAIM色彩對比檢查器可以幫你測試它們是否是比較優(yōu)良的組合。
　　
　　提示：探索各種顏色組合方式。為你的應(yīng)用程序選擇原色、次級色和強(qiáng)調(diào)色的組合，提高可用性。確保不同元素之間足夠的色彩對比度，這樣即使是某些有視力障礙的用戶也可以很好的使用你的應(yīng)用程序。
　　不要只依賴于顏色
　　根據(jù)調(diào)查，男性中的1/12、女性中的1/200為色盲，如果僅僅用顏色來傳達(dá)信息，他們看到的顏色與我們不同（不是同一個色），手機(jī)屏幕不像紅綠燈，現(xiàn)在大部分紅綠燈在設(shè)計之初就已經(jīng)考慮到這點，比如在綠燈加了一些藍(lán)光，紅燈加了一些橙光。
　　
　　在下面的示例中，如果表單字段的設(shè)計只依賴顏色（紅色和綠色）來表示這個地方有沒有錯誤，你可以想象一下這個場景，提交的時候跳出一條信息“你提交的信息有誤，請重試”，而沒有什么說明到底是哪個文本框，是不是會崩潰。這是一個典型的場景，色盲用戶每天都會面對的問題，因為他們無法區(qū)分以紅色突出顯示的字段。