跳到主要內容

每個網頁編輯者都可參考的一本書

More about 打造完美網頁親和力
香港行先暫停一下,反正在沒有照片情況下,閱讀起來可能會稍微乏味一點。所以先說一個故事給大家聽。
在Windows 95與Office 95的年代,我在專科四年級時工讀,是到某個已被合併的金融機構去擔任MS Office補習班助教的工作,在那個年代,不會使用Office是很正常的事,所以很多單位都會替員工做教育訓練,教他們從lotus notes轉換到Office和Exchange。
晚餐時間,上課的老師提到,他在當兵時才知道,原來有那麼多人不認識字。那種驚奇程度,用現在的角度來說,就是當你發現有80後的孩子也有很多人不會使用電腦上網是一樣的。
這則故事和我要說的,其實就是,大概很少人會注意到,你的部落格頁面編排方式,可能只有你一個人或是你的朋友才看得懂你要表達什麼。
在部落格還很流行的年代裡,一定有人看過一些建議:字體大一點、行距大一些、前景和背景的對比明顯一點(黑底白字或白底深灰字)... ...等。
年輕時可能沒有感覺,當年紀大了,視力下降了,就會發現到,真的已經到了看沒幾頁,眼睛就有酸澀感。
大學時,因為學分數的關係,選了一門打字課,上課的老師當時在淡江大學裡好像也是在盲生資源中心從事教學的老師,所以也聽了很多關於網頁親和力的相關資訊。
很巧的是,如果不是因為當了一陣子的接案工作者,又很剛好的都是接政府的案子,也很剛好的,當時研考會大力推動所謂的無障礙網頁,各層級單位網站在製作時都需要符合研考會的無障礙網頁規範。
連著兩個網站都有這個要求,還要求一次做到AAA的規範,有好幾個夜晚我都在與HTML奮鬥,等於是重新學習HTML、CSS,同時,也是重新以不同的角度來編排頁面,而那原本很愛用的table語法,變成能不用就不用,除了要編寫語法外,它其實本來就不該拿來作為排版的架構。
記得我整個晚上都在讀研考會的無障礙網頁規範和「在30天內打造更具親和力的網站」的內容,把所有的觀念更新。
雖然只是觀念,但很難得會有老師會把這樣的觀念傳達給學生,因為很多人在做教學時,會把自己的知識傳授出去,但如果這份知識只是站在自己的立場,而不是站在閱讀者的立場,就不會知道閱讀者會遇到什麼樣的困擾。
就像前面說的那個故事,你不知道,在教育普及的年化裡,還有那麼多人不認識字。
有沒有想過,如果有一天你的網站使用者(部落格的閱讀者):
  1. 只有鍵盤可以瀏覽畫面 除了黑色與白色,看不到其他的顏色 
  2. 只能依靠螢幕閱讀軟體來聽取網頁內容
  3. 是視覺功能較差的老人家
  4. 不怎麼使用IE(Opera、Safari、Firefox、Chrome... ...)
  5. 完全無法以視覺來取得螢幕資訊的使用者
尤其是最後一項,是以前的我從來沒有想過的。當我開始接觸研考會那14條無障礙網頁規範和那90條檢測碼,等於是把根深蒂固的自以為是推翻。
日子久了便了解到,一個網站或一個頁面資訊,瀏覽者並不等於網站經營者,而網站的經營者也不等於網站建置者,但網站建置者在製作網站時的習慣,卻會影響多數人瀏覽及使用的便利性。
隨著這些網頁製作軟體的便利性不斷的增加及程式語言不斷的改進,我自己也開始思考,與其一直鑽研這些語法,還不如去改變自己在網站建置或網頁編寫時的觀念,而這些觀念只是自平時的小動作而已。最簡單的來說,在連結之後加上Title說明連結的地方及是否另開視窗,在一篇文章中插入一張圖片時,為這張圖片加入簡單的說明。
如果你是一個部落客,請把你的字級放大、字距及行距放寬、前景及背景的對比更明顯一點,把圖片及連結加上說明,這並不是一個很難的動作。
用習慣Word的人可能在剛開始時會很難接受這樣的小動作,同時也會懷疑,到底有多少人是在「看不見」的情況下,利用機器來做閱讀的動作。
當你閱讀了這本書及「Dive Into Accessibility在30天內打造更具親和力的網站」就會知道,你不是在為一個人做這件事,其實是在為很多人做一個方便閱讀的動作。
如果正在閱讀這篇文章的你,是個教學者,而且是在教導學生如何建置網站,工具人人會用,只是熟悉度的差異。希望能請你傳達一個觀念:「不管網站的頁面多酷多炫,都比不上一個親和力高的網站來得實用。建置一個網站,是要把網站所有人的資訊傳遞出去,而不是看網站建置者的頁面技術有多高深。」
政府機關也一直在重視這個問題,打造完美網頁親和力一書的作者也參與其中,提供研考會很多資訊及建議。現在只差別在於這一代還有許多人並沒有想到這樣的問題,也不願意多花心思在這上面。如果之後的每個人都有這樣的想法,都能設身處地的想一想,一個習慣性的小動作,就可以改變一個世界。

原來很久很久以前,我已寫過一篇:【隨手記】降低你的網站門檻

留言

這個網誌中的熱門文章

讀百年孤寂的一些感想

馬奎斯的小說,買回家的那天晚上就讀的欲罷不能。第一次閱畢,只能感受到文字所帶給我的感受,當我讀第二次、第三次後,總在生活裡的某些情境下憶起書中的情節與書中人物的苦悶。這場空虛夢幻開始於愛情與理想-老邦迪亞帶著易家蘭與朋友們離開家鄉,開創了馬康多這個奇幻的城市;也結束於愛情與理想-倭良諾與小亞瑪蘭塔的亂倫生下了預言中帶著豬尾巴的嬰兒,之後倭良諾翻譯完吉卜賽人的手稿,整個馬康多毀滅。這個家族的女性:易家蘭的堅毅性格與匹達黛的沉默付出;叫亞瑪蘭塔的女孩總是勇敢追求愛情而心態扭曲;這個家族的男人一生都在追求著自己生命中的目標,亞克迪奧的狂妄無羈,先是追求情欲,他的兒子追求名利;老邦迪亞追求著心中的理想(新的生活、發明);小邦迪亞追求政治上的勝利與心靈的平靜、席甘多與席根鐸兄弟兩人,哥哥追求的是欲望的滿足,弟弟追求的是心靈上的滿足與事實的存在;卡碧娥追求的「當女王」的夢想,而這個家族又與吉卜賽人有著密不可分的關係。當我啃食著書中文字時,馬奎斯的文字也在我的腦海裡建立著一幅又一幅的圖像:從有著鳥鳴鐘與銀杏葉的美麗城市、莉比卡張著大眼驚恐的坐在小椅上吮著手指的灰藍色畫面,;卡碧娥處於高地的城市除了虛偽的白色聖潔外還有一種孤獨的藍色;小邦迪亞與莫氏柯蒂近乎於天真的愛情與最後政治鬥爭的失敗而封閉是一種苦悶摻著靛藍色的灰;美女瑞米迪娥的升天是白色與藍色的純潔,對比著卡碧娥愚昧的世俗、席根多與席甘鐸在死亡前的面容與棺木被放反了墓穴、美美為了愛情的放蕩、最後倭良諾讀完吉卜賽人留下手稿的那一陣風…所有的畫面總蒙上一層昏暗的黃色光,對我而,那是一種孤單與遺忘。當我身在雨下個不停又溼冷的淡水時,腦海裡閃過的是書中四年多的雨季;當妖精國王講到失眠時,我腦海裡浮現的是馬康多的集體失眠;當夏日一陣風拂過,閃過的是倭良諾最後發現整個邦迪亞家族是一場夢幻的空虛與毀滅。而黃昏的夕陽,總讓我想起倭良諾與小亞瑪蘭塔放肆的愛情。我們總在生命中追求著自己的理想,如書中的每個角色:追求愛情、追求名利、追求所謂的「真實」,總在生命的最後一刻才發現自己的一生甚至所看到的一切是一個虛幻的畫面,就像馬康多,這個城市從未存在過,對書中的人而言,馬康多是存在著的,但對我們而言馬康多是虛構的、建構在文字與腦海裡的。我所看到的世界是我腦海裡建構出來的世界,這個城市是我心中的馬康多,眼裡所見的是腦中點線面建構出來的空間,而我的心情就…

【隨手記】不歡迎匿名回應者

致 小白先生/女士,你的編號是47,727,就是喜歡當藏鏡人是吧?只要是匿名回應,管你留了什麼好的、壞的、非商業性、公益活動,我就是不放出來。要說什麼好話什麼義正言辭,回你自己家說去,在我這裡,少用匿名在這裡長篇大論,具名回應是種禮貌,你對我沒禮貌,我何必把你說的話放在自家的部落格裡?柯南說:「兇手是會回去案發現場檢視自己成果的。」這是貓玲玲提醒我的,哈哈哈。Technorati Tags:

智慧城市不是只有得獎、入圍而已及參觀智慧城市展感想

之前參與了第8次的火箭聊天室,講者Roy Lin提到了:「當大家在提到『智慧城市』四個字時,想到的多半是:智慧停車、智慧燈柱、智慧巴士...等項目,多是以科技發展的角度,卻沒有自設計師的立場出發,也沒有人想過是要以『智慧』的方式來處理城市生活裡所面臨的各種問題。」不斷反思這段話。

智慧城市不止是在談解決方案,更在談系統整合
打造智慧城市並不是談如何拿到ICF(Intelligent Community Forum)的智慧城市評比,更不是拿裡面的評量標準拿來當作是施政的KPI,若要讓居住於其中的市民有感,應該要先找出都市中需要被解決的問題,例如利用政府開放資料找出都市中的閒置空間,實際去探訪這些閒置空間的規劃是被作為停車場、公園或乾脆荒廢的一塊地,又或是透過資料視覺化來顯示城市的脈動,藉此可以在未來進行商圈規劃或是都市更新發展等。有些國家如新加坡便是與日本合作智慧節能系統,鼓勵國內的新創研發,投資海外的創新研發,並應用在國家發展中,以期讓人民的生活更便利。