歡迎來 教育部華文視障電子圖書網教育部
  [登入/註冊]       
:::左側區塊
 主要選單 
* 歷屆考古題專區
* 網站導覽
* 個人書籤
* 近期新書
* 出版社圖書
* 點字教科書
* 書目查詢
* 新聞雜誌區
* 蝙蝠電子報
* 「身」命力電子報
* 推薦與書摘
* 出版快訊
* 行動數位圖書館
* 視障行動學習
* 網路博覽家&APP
* DAISY/有聲書書目
* 統計資料
* 會員專區
* 無障礙全球資訊網
:::中央區塊

分享到 Facebook 推至Plurk 推至twitter 

「路」標與「路」牌
文/包迺鵬
大家應該都知道,現在走在所謂ㄉ「人行道」上,都會有大家所熟知ㄉ「導盲磚」,這是明眼人所設計出來給「親明人」散步用ㄉ,只要瞎子走在所謂ㄉ「導盲磚」上,理論上都可以粉安全ㄉ在人行道上散步(可能會去撞牆或去撞停在人行道上ㄉ『摸拖塞口』),這就是所謂ㄉ「無障礙設計」?!;那在虛擬ㄉ網路上,當然也有相同ㄉ設計囉!-「網頁導盲磚」-,誰知道啊!在「學院派」上班ㄉ包子和他ㄉ同僚們,都粉清楚ㄌㄚ!因為這是他們這群人類所提倡ㄉ(至少在N年前ㄉ研考會相關計畫所提出ㄉ),由於現代ㄉ網頁設計都粉流行「框架」型態ㄉ版面設計,叟(SO)───不管同一網站ㄉ每N層網頁,它ㄉ「上半部」或「左半部」甚至到下半部ㄉ版面「看」起來都是一樣ㄉ───都是一模一樣ㄉ咚咚:粉多相同ㄉ選項(套句對岸ㄉ系統說法叫「菜單」-青菜ㄉ菜,床單ㄉ單-),而真正不一樣ㄉ地方在某一區-通常在中間部位(可別想歪囉!不是人體ㄉ)-一般明眼人可是「一目十行、一目了然」,一「看」就「看到ㄌ」,可瞎子看不到可就要用「摸」ㄉㄌ-「一摸一行、摸了不行」,可能網頁ㄉ「上半部」長ㄉ都一樣,親明人可能摸半天都覺得粉奇怪-怎都長ㄉ一樣,所以包子也曾接到龍蝦電腦網路族ㄉ網友打電話來問說:「為啥我到這個網站來摸半天,按ㄌN次「恩特鍵(ENTER)」摸到ㄉ咚咚都一樣,都找不到要找ㄉ呢?」原來就是因為這網站每ㄍ網頁ㄉ「上半部」都是一樣的「菜單」,而親明人ㄉ習慣就是先選好要用ㄉ「菜單」就給它用力ㄉ「恩特」(ENTER)下去然後就開始「摸」、「聽」,或是「邊加邊摸」、「邊加邊聽」(加-加號ㄉ加,等於鍵盤特撥(TAB)鍵)),結果就會粉奇怪ㄉ「摸到一樣」或「聽到一樣」ㄉ...「菜單」,然後就「搞不清楚狀況」ㄌ!最後就會打電話到某某中心「求助」,也許經驗豐富一點ㄉ龍蝦網友,只要他「多加一點」就可以找到他要ㄉ,但是如果這一區ㄉ「菜單」粉多,可能加半天才能加到他要找ㄉ地方ㄌ,因此就有需要在某些區塊上先加上一個讓龍蝦網友可以直接跳躍到的點,然後就能粉方便ㄉ加到他要ㄉ地方,「摸到」或「聽到」他想要「看」(找)ㄉ「料」ㄌ!這ㄍ「跳躍點」包子他們這些人稱「網頁導盲磚」,目前「研考會」網站上把它叫「定位點」;不管是什ㄇ磚什ㄇ點,其實都是一樣ㄉ意思!這ㄍ「跳躍點」通常是以「:::」來呈現,而且也不用加半天才加ㄉ到說,此處都會伴隨著一組「快速鍵」(AccessKey),因此龍蝦網友只要輕輕ㄉ(要用力也可以啦)按下某組「快速鍵」就
能直接跳到某ㄍ指定ㄉ「跳躍點」嘍!好比搜-上方區塊(也有網站給它改成主要選單區、導覽連結區等等)用Alt+U(也有網站給它改成別ㄉ),左方區塊(也有網站給它改成次要選單區、相關單位連結區等等)用Alt+L(也有網站給它改成別ㄉ),中央區塊(也有網站給它改成主要內容區、內容連結區等等)用Alt+C(也有網站給它改成別ㄉ),右方區塊(也有網站給它改成次要選單區、右方導覽連結區等等)用Alt+R(也有網站給它改成別ㄉ),下方區塊(也有網站給它改成下方連結區、頁尾版權宣告區等等)用Alt+B(也有網站給它改成別ㄉ)-依此類推-如果不知某網站ㄉ「網頁導盲磚快速鍵」是啥?可以先在「首頁」(進入網站ㄉ第一個頁面)上面找找有沒說到,然後按按看剛說ㄉ幾ㄍ按鍵(用力點沒關係),還是找找「網站導覽」看有沒有說明「就對了」!
這樣ㄉ網站設計方式可讓龍蝦網路族好受多ㄌ,至少不用向「瞎子摸象」一樣「摸」半天,摸不出所以然來;還有,網站上也可能會有「圖片」或「圖形連結」,而這ㄍ部分,有一ㄍ叫做「圖形替代文字」ㄉ網頁設計語言,只要網頁上ㄉ圖片、圖形連結等有加上這鍋咚咚-「就可以了」-!如狗沒有,雖然有「OO系統」、「XX導覽系統」,或是「大XO系統」ㄉ領導,帶著龍蝦網友逛大街逛到這種沒「圖形替代文字」ㄉ地方,就真ㄉ是「瞎子摸象」摸不出什ㄇ啦!也會「卡」在半路上,這就粉像是包子有一次在某遊樂區自己在找要方便ㄉ地方時,明明看到ㄌ旁邊牆壁上有貼著一個有「藍色」與「紅色」紙人像ㄉ牌子(還沒有箭頭),但是在兩邊也都是牆壁,結狗「觸目」ㄉ包子在那兒「左三圈」「右三圈」,一直在那兒「繞圈圈」,最後只有「摸摸鼻子」、「搖搖頭」,下半身用力一擠,最後再回頭...;由此可見在網站上雖然有輔助軟體ㄉ協助可以帶著龍蝦網友逛網路大街,不過網頁設計上也要有相對而適當ㄉ「配套措施」才行,否則終究還是會「瞎子摸象、摸了不像」!
如果網站上有「網頁導盲磚」與「快速鍵設定」,也加入ㄌ「圖形替代文字」ㄉ設計,但龍蝦網路族還是無法在這個網站「暢行無阻」ㄉ話,那一定是「設計內容」不恰當所致;例如,「上方區塊」ㄉ「網頁導盲磚快速鍵」雖然設定成Alt+U鍵,可「網頁導盲磚」ㄉ位置卻在該區塊ㄉ最後面,這樣可能按ㄌAlt+U之後再加過去會直接跳到「左方區塊」去而找不著上方ㄉ選單,就好像包子有一次在找某條路,明明「看」到路牌上寫著「XX路」和一個往前ㄉ箭頭,結果包子直直走就去撞電線桿,原來這條路在電線桿旁邊,要先轉ㄍ小彎才行;圖片有加上「圖片替代文字」,可是卻像「這是一張圖」這樣,那誰知這是什ㄇ圖呢?如果他是「圖形連結」,龍蝦網友也不知連去何方是也?就像包子有一次去某加店面買東西,這家店門口是一大片玻璃落地窗,但在落地窗旁有貼廣告,包子還「看」ㄉ出來有玻璃門,可旁邊沒貼任何咚咚,而且包子又粉觸目,「看」過去空空如也,以為這就是入口,救用力ㄉ灣過去又走進去,後來就聽到非常響亮ㄉ「碰」ㄌ一聲,於是包子又往旁邊繞過去,終於繞進店裡,等包子回家後,頭殼上就多ㄌ一棵粉大顆又圓滾滾ㄉ叉燒包ㄌ!依此類推!所以「無障礙網頁設計」,就是...由於一般非視障者擁有「正常視覺功能」,可以「視力直覺方式」瀏覽以獲取網路資源,並搭配「滑鼠」或「觸控裝置」來操控瀏覽位置與選擇對應動作;而一般視障者,則由於「正常視覺功能」喪失或不足,因此必須轉由「增強視覺功能」、「正常觸覺功能」或「正常聽覺功能」來取代「視力直覺方式」,而改以「放大閱讀方式」、「觸摸閱讀方式」或「聆聽吸收方式」來瀏覽網路資源,並搭配「擴視輸出裝置」、「點字或語音輸出裝置」與「鍵盤」來操控瀏覽位置與選擇對應動作;不過這些手段仍然不足以呈現網頁上的真實面貌,例如圖形、照片、美工文字、網頁背景、顏色搭配等,在一般瀏覽狀態下均無法適度而完整的呈現,所以就必須在網頁設計階段加入「彌補性替代方案」來改善「先天條件不足」的失調現象,以另外一種「增強式或非視覺呈現方式」來表達所要傳達的意義;因此,「無障礙網頁設計」對於視障者獲取與理解網路資源的意義非常重要,若缺乏無障礙網頁設計工程,視障者瀏覽網頁或搜尋網路資源將會變得極為艱困而無所適從。...
目前幾乎大多數政府網站都已經有加上「無障礙網頁」ㄉ設計,所以龍蝦網友在政府單位ㄉ網站上應該可以粉安心ㄉ逛大街ㄌ,最近「淡江大學」也開始著手進行相關ㄉ推廣與檢測,所以這一陣子包子和他ㄉ幾位同事們都粉努力ㄉ在「檢」「測」學校ㄉ各個網站,因此龍蝦網友可以沒事就來「淡大」ㄉ網站瞧瞧,是否覺得跟其他地方或學校ㄉ網佔有不一樣ㄉㄇ?(終於完ㄌ…不知所云!)

P.S.
l 研考會無障礙網路空間服務網-(http://enable.nat.gov.tw/index.jsp)
l 淡江大學無障礙全球資訊網--【認識無障礙】-(http://w3.tku.edu.tw/batol/enable/index.asp)
l 淡江大學無障礙全球資訊網--【無障礙問與答】-(http://w3.tku.edu.tw/batol/enable/qa_enable.asp)


本系統由淡江大學視障資源中心維護 如有任何建議歡迎來信
資源中心電話:(02)7730-0606, 傳真:(02)8631-9073, 地址:25137新北市淡水區英專路151號商館B125室
捐款劃撥帳號:17137650 淡江大學募款委員會 (請註明:視障資源中心視障系統研發專用)
本網站通過第一、第二及第三優先等級無障礙網頁檢測