被貓撿到的幸福

回到正題
如果你認為網站無障礙設計就等於使用白白的文字來做網頁的話就大錯特錯了
我先提 怎麼解決無障礙這回事

首先你可以選擇
一個版本是極盡你的所能用盡所有技術與視覺影像
但是在進入首頁的部份
放上”進入網頁”與”無障礙版本”
讓想被你嚇的人進入你設計的版本
讓無法看到你設計的技術的人進入無障礙版本
用簡明架構清晰的連結表達一樣的內容
達到網頁的真正用意….提供點閱者找到想要的資訊
但這只是你已經做了好讚的網站,要改掉實在不甘
事後補強,或者….用來”通過”網站無障礙檢視時使用

第二個辦法是才是對一個網站管理人員最佳的良方
(誰沒事做兩個網頁,一改版就要花兩倍時間)
也就是css技術
如果你把瀏覽器選項當中的”顯示網頁圖片”關掉
還剩下什麼?
一堆叉叉?
美國yahoo以及大型網站可不允許這樣的事情發生
簡單來說
css技術是在編寫網頁的時候
先使用正確的指示把不同層級的標題列出(真的是列出來喔)
然後讓css模組去定義 每個不同層級的字體顏色大小
到高階一些會定位這個層級的標題會放置再哪裡
舉個最常見的例子
無名網站使用的網誌樣板都無敵美麗
但是一但你把它搞壞掉
就只能留下一堆文字連結列出來
這就是去蕪存菁之後網站的樣子
每個連結都有通~ 層級也都對

對網站管理者而言
使用css絕對是一大福音
要改版
只要載入不同的css樣板就好
風格整個改變
也不用重新做網頁

那麼網站無障礙設計有什麼好處呢
除了網頁乾淨讀取迅速以外
如果你是一個商家要做網路購物
你絕對會希望網路搜尋你是排名前幾名的店家
如果你不像某些網站是用”贊助”來換取排名
純粹比搜尋
反問, 你的網頁關鍵字夠明確嗎?
如果你能夠依循著w3c這個組織訂定的規則
你的資訊都放置再該放置的地方
當搜尋的蟲(好像駭客任務阿~)進行搜尋的時候
就能第一時間明確的列出你的資訊
因此在大型搜尋網站中列在前面的網頁都是使用css設計的

還有我要重聲一點
符合網站無障礙設計的網站的網站設計也可以非常非常美麗
而且是一種藝術…..
舉個例子如果你要做一個游標經過會變顏色的項目連結
傳統做法
假設一個背景黑色的網頁上面有白色的”首頁”兩字
游標移過去你要讓”首頁”兩字變成黃色
你必須打開影像處理軟體
畫一張底色是黑色字體是白色”首頁”的按鈕
再畫一張底色是黑色字體是黃色”首頁”的按鈕
在網頁上指定遊標經過會換成另一張圖
在flash裡面稱為mouse over(但flash有跑不出來的時候)
在網頁語言編輯上叫做rollover
但這真的不是個好方法
當你的廠商要改標題項目的時候
你就會改死

css作法
指定背景顏色或是會背景載入哪張圖片
指定滑鼠經過前後會變成什麼顏色什麼字體
即使選項的背景是彩色
老闆說要改字的時候
你也不用重做圖片
只要更改連結文字名稱即可
這只是一個最最最小的例子

你看大型部落格提供的精美樣板更換服務
通通都是使用css技術

上面寫的這些東西
其實只是九牛一毛
相關書籍非常多
重點就是讓你在正確的地方提供正確的資訊
達到網頁使用的目的

回到學校學習網頁設計
在哪個層次?
畫表格?
設百分比?
跑馬燈!!!???
唉~ 網頁編輯軟體根本不跟世界接軌,怎麼設計???
放眼望去即使大型網頁建置網站
還是提供一堆看起來很炫但是並不通用的技術
時代進步如此迅速
我都現在每隔一段時間再接觸網頁製作
都還是會大喊
How! How!
它是怎麼弄出來的
努力對方向,才能走的又長又遠
共勉之~