2009年5月30日 星期六

[課堂心得]5/26資訊結構與網站設計-Web Accessibility

Fx_Accessibilit
圖片來自於FireFox開發團隊的Access部
現在除了網頁要符合無障礙網頁空間,瀏覽器的設計也是一樣

---------------------------------------------------------------
這學期的IA也快到尾聲囉,剩最後一兩次課就要期末網站報告囉(抖)
本週的主題是「Web Accessibility」可以翻成網頁取用性、網頁可及性(寶煖師的PPT)
怎麼樣的網站設計才會讓人人取用無阻礙呢?答案是很難!
但我們還是要努力去做,盡可能讓最多的人能清亦知道我們表達的內容!
首先就是「語言」吧!每次一開到其他國家的網站就很難看懂了
如果是英文或簡體又還好...其他語系就真的掰了,所以這就是大家都做「English」版的原因!
而最主要的一個取用障礙的族群則是「身心障礙者」,它定義範圍很廣
一般大家比較熟知的就是肢體上的障礙者,或是視覺、聽覺等障礙者
此外,近年來失智、自閉症的人患者不斷上升
目前的無障礙網頁設計主要以下的障礙者為訴求
  • 視覺:全盲、色盲、老花(搜尋引擎的Spinder也是全盲,只爬文字內容)->螢幕朗讀程式
  • 聽覺:提供字幕
  • 行動:巧緻動作障礙,不宜用滑鼠或鍵盤者
不過我想我的目的不是社會福利或是醫療措施XD
而是因為這些使用者是我們不能放棄的
所以才會有Web Accessibility一詞
指的就是任何使用電腦的輸出入裝置有困難,而造成對於網頁需求與一般人不同的情形
因此我們意欲將這種情況降到最低,而採取以下的方式
  • 網頁內容:減少表格或表框、符號與公式、圖檔、多媒體資訊
  • 字體字形:字體要大,幫助一些視力不佳或使用頭或嘴作為點擊支力的使用者
  • 顏色單純:因應色盲
  • 內容結構:HTML標示語言、ALT圖片說明、CSS等設計都要加以考量
  • 其他:減少彈跳視窗、嵌入程式、下載動作、跑馬燈程式、更新等
OK!!!
今天就到這~下週見

沒有留言: