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