跳到主要內容

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

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天內打造更具親和力的網站」就會知道,你不是在為一個人做這件事,其實是在為很多人做一個方便閱讀的動作。
如果正在閱讀這篇文章的你,是個教學者,而且是在教導學生如何建置網站,工具人人會用,只是熟悉度的差異。希望能請你傳達一個觀念:「不管網站的頁面多酷多炫,都比不上一個親和力高的網站來得實用。建置一個網站,是要把網站所有人的資訊傳遞出去,而不是看網站建置者的頁面技術有多高深。」
政府機關也一直在重視這個問題,打造完美網頁親和力一書的作者也參與其中,提供研考會很多資訊及建議。現在只差別在於這一代還有許多人並沒有想到這樣的問題,也不願意多花心思在這上面。如果之後的每個人都有這樣的想法,都能設身處地的想一想,一個習慣性的小動作,就可以改變一個世界。

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

留言

這個網誌中的熱門文章

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

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

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

感受大數據的威力

小時候和家人外出,學會如何看地圖找方向。在爸爸的腦海裡有一個自動導航系統,當高速公路塞車時,他會從最近出口離開高速公路,找到其他的替代道路,帶我們到達目的地,減少塞車時所受的痛苦。 爸爸教我的一句話:路是長在嘴巴上的,不知道路時,就下車問店家,如檳榔攤、小吃店。 之後出現了車用衛星導航軟體,在車上架個小型面板或機器,設定好目的地後,導航軟體會規劃路線,帶用路人到達目的地。初期最常出現的社會是:車子開入田中、掉入水溝中、開入窄巷或市場、夜市中進退兩難。 有了這些車用導航後,駕駛人都十分依賴它,也不曾再看人下車問路了,但我也沒看過哪個駕駛像爸爸一樣,只要方向沒錯,就可以透過省道、縣道帶我們回家。

也是習慣旁觀他人之痛苦

在參與幾堂NII台權會所辦理的的網路治理課程裡,總是不時被提醒: 在網際網路的世界裡,永遠是WINNER TAKES ALL. 只要有第一家服務出現,就別想當第二,因為不會有第二。

當Dropbox出現後,有提供 30GB免費服務的 COPY,最後出現了Google Drive(不談台灣的Hinet什麼的)。最後,COPY的服務收掉了,Dropbox雖然最初是由病毒行銷打下市場,但近期除了資安問題一直出包外,它也不再是當初的獨角獸。我甚至覺得Google、Amazon會在家用市場開戰,勝利者就可能的雲端儲存會把整個市場吃掉。

也許有不少人聽過Hotmail,這也是曾經紅極一時的郵件服務,剛開始申請時還有10MB的郵件空間,也是透過病毒行銷的方式拓展使用者市場,但當Google Mail(現在的gmail)出現,Hotmail服務也消失了,日後是否還有郵件服務,可能還未確定。