可訪問性是用戶體驗關鍵一環。好的設計讓各類用戶(含殘障者)更易感知、理解、互動。理想態下達完美,現實中常人為製造障礙。探討7大基本原則(上):
前提: 產品至少符合WCAG 2.0與Section 508基礎規范,經充分開發測試。
規范非單純限制,而是設計新方向。目標是為所有用戶提供更好產品。用戶非只同行/同好,而是盲人、色盲、弱視、聽障、行動不便老人、認知障礙者、年輕/年長、輕度/重度用戶、挑剔用戶。擁抱可訪問性,是創造驚艷產品的必經之路。


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


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


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



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




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