萬盛學電腦網

您现在的位置: 萬盛學電腦網 >> 軟體知識 >  >> 影像處理 >> 平面設計理論

可訪問性設計師必知的7件事(上):不做障礙製造者,做包容創造者

可訪問性是用戶體驗關鍵一環。好的設計讓各類用戶(含殘障者)更易感知、理解、互動。理想態下達完美,現實中常人為製造障礙。探討7大基本原則(上):

前提: 產品至少符合WCAG 2.0與Section 508基礎規范,經充分開發測試。

1. 可訪問性非創新障礙,而是新探索方向

規范非單純限制,而是設計新方向。目標是為所有用戶提供更好產品。用戶非只同行/同好,而是盲人、色盲、弱視、聽障、行動不便老人、認知障礙者、年輕/年長、輕度/重度用戶、挑剔用戶。擁抱可訪問性,是創造驚艷產品的必經之路。

2. 不要讓色彩成為唯一視覺傳達手段

色盲男性1/12、女性1/200,近視1/30,失明1/188。灰階模式下僅靠紅色標錯誤,色盲用戶災難性。應用粗邊框、粗體、下劃線、斜體等多重標識。

3. 確保文字與背景有充分對比

WCAG規定對比度≥4.5:1。24px/19px粗體文字灰度至少#959595;最小字體灰度不低於#767676;灰背景下文字需更深。工具:Color Safe、WebAIM Contrast Checker。Logo與禁用元素豁免,但佔位符/幽靈按鈕受限。

Medium博客僅Logo達標,其他灰度難辨;BBC網站灰色最淺用#767676,對比度功夫深;Salesforce設計系統堅持高對比色彩組合,界面更優秀。

4. 為鍵盤焦點提供明確視覺提醒

CSS重置中的`:focus {outline: 0;}` 讓鍵盤用戶半癱瘓。應移除默認樣式並替換為更明顯、符合風格的Focus樣式。BBC用藍色光標指示鏈接;Twitter結合默認藍暈+圖標變綠+彈出說明,貼心周全。添加自定義focus時務必移除默認,避免重疊。

(下篇將續述第5-7條原則)

copyright © 萬盛學電腦網 all rights reserved