跳到主要內容

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

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:

新加坡 Smart Nation 初探

在陸續的聽了一些關於新加坡 Smart Nation 相關計畫的介紹(研討會、網路新聞)及資料收集後,看看台灣目前的作法,寫下一點點心得。

先自一些線上調查來看,聯合國2014年對193個成員國所做的的電子化政府評比中,新加坡的電子化政務(EGDI)是在前三名,電子參與(EPI)也是前十名;世界經濟論壇今年初所完成的全球資訊科技報告(Global Information Technology 2015)中也提到新加坡的網路就緒指數(Network Readiness Index)在所調查的143個經濟體中排名第一。這些評比成果都顯示新加坡在電子政務上、基礎建設上都相當完善。

新加坡的 Smart Nation 很明確的定義出 Smart Nation 是要解決問題,對象是「人」。他們找出了要解決的問題:人口老化、教育、交通、資源的問題,針對這些問題擬定了要解決的作法,例如為了解決日後人口老化所衍生的健康照護問題,他們建造智慧住宅,對住戶的生活習慣收集資訊、分析日常行為,如果有一些行為是反常的,可能就會進一步的通知或實地查訪。對於某些人來說可能會覺得隱私被侵犯,但這是最有可能解決獨居老人發生意外而無人及時救援的方案之一。