被貓撿到的幸福

最當初是在大學的時候我的教授黃朝盟老師
和他美麗的師母趙美慧老師在"行政資訊系統"這門課帶給我這些資訊
何其有幸阿~ 真的精彩
知識如大海,常常不知自己身在何處....

而使用的書籍 .com 這本書更是極為精采
在那個年代 可說是從技術上集結舉多大家沒有的觀念
推薦每位網頁設計者都應具備一本
用來檢視自己的設計製造出哪些"障礙"

這堂課中我記得教導我們的不只是網頁技術
更重要的是如何運用適當的技術表現出正確又合乎世界規範的網頁
如果以下的資訊有誤,敬請指教

網站無障礙主要是緣起於
早期網路發展中
網路速度在撥接時代並不是快速的
所以如果放置過大的圖片或是load很久的物件
往往會使使用者因為不願等待而失去此網頁的功用
到了近代雖然網路速度快速,技術進步
但是產生更多的問題
多樣的技術與各種不同的網頁編輯軟體
規格如何統一? 
總不能一直衝~衝~衝~吧

就像是一個圖片  最後呈現的樣子是這樣
但是製作方式卻是有千百種
有笨的方式  也有聰明的方式

簡單分析幾個例子
網頁設計者多數為了網頁美觀
常將各個選項使用圖片上"畫上文字"(它是圖,不是字)
如果圖片連結有問題,或者是在純文字的瀏覽器中

失去了圖片,就讓使用者失去進入網頁選項的功能 
這就不是一個好設計 
(尤其在一個圖片上面圈好多個連結這樣的”網站地圖”更為嚴重 圖片出不來,哪都不用去) 
解決的辦法就是讓每個圖片或是物件的連結加上alt標籤 
(如果是dw的話,輸入是非常方便,奇怪的網頁編輯軟體就會讓我很傷腦筋) 
還有表格的排列方式為例 
如果某學校網站(我沒指名道姓喔) 
正確的網站架構應該是 
學校介紹: 董事會  校長  秘書 遠景 
處室網頁: 教務 學務 輔導 總務 人事 
etc.

但是經過了下拉式選單(就是游標移到”學校介紹”選項上面會冒出一排選單)這樣的技術 
在網頁讀取中其實會變成 
學校介紹  處室網頁  
董事會  校長  秘書 遠景  教務 學務 輔導 總務 人事 
這樣的網頁設計會把選項的位階給完全混淆了 
處室網頁並不屬於學校介紹的子選項