Monday, November 20, 2006, 21:03 - 話設計 about design
什麼是無障礙呢？簡單來說，即是在網頁上具備無障礙空間，讓身體上、心理上、以及技術上有障礙的朋友能夠順利閱讀的網頁，習慣瀏覽聲光效果滿載網頁的一般使用者，可能很難想像，在視盲、弱視、色盲甚至肢體殘障的狀況之下，能夠瀏覽的網頁會是長什麼樣，其實除非是完全以 Adobe Flash (Macromedia Flash) 技術所製作的網站之外，一個設計良好的網站，在加入了無障礙存取技術之後，單憑外觀你甚至會無法分辨，這個網站是否符合無障礙規範。
雖然 Dive Into Accessibility 提供了一個非常完整的無障礙親和力設計示範，不過其實一個符合標準的無障礙網頁，不一定需要長得像它這麼乾淨（或陽春）。
行政院研究發展考核委員會於九十一年六月開始推動「無障礙網頁開發標準暨標章核發作業」委外案，以 W3C 協會（The World Wide Web Consortium）所屬之 Web Accessibility Initiative (WAI) 組織的無障礙網頁內容標準相關規範 Web Content Accessibility Guidelines (WCAG) 以及各國在制訂無障礙網頁相關政策等相關措施，訂定我國的「無障礙網頁開發規範」，並且歸類為三個等級，從政府機關的網站開始落實實施，以循序漸進的方式，從全面性通過無障礙 1A 級標章開始。
那麼執行成果好不好呢？
在數年前，有機會提早閱讀了 Dive Into Accessibility 這本電子書，對於無障礙的觀念有了基本的認識，接著在一次公家機關的提案中，正式的著手開始撰寫符合無障礙網頁規範的網頁，我接受了 Jeffrey Zeldman 在他著作 design with web standards 中的建議，使用過渡技術以及結構化的 XHTML 搭配 CSS (Cascading Style Sheets) 來撰寫，並且使用@import的方式讀入樣式表 (CSS) ，使過舊的瀏覽器略過 CSS 直接顯示結構化的單純頁面，這種做法在移除樣式表 (CSS) 的狀況之下，仍然可以正常閱讀網頁內容，也就是說在舊版瀏覽器或是親和力瀏覽器（例如：螢幕朗讀軟體）上，使用者可以看到正常顯示且標題與段落相對關係清楚的內容，在這方面的排版技術上， css Zen Garden 上提供的範本清楚告訴你他們在這方面有多麼地內行。
在我製作的過程中，我也不斷地去瀏覽線上已經通過無障礙網頁規範的政府機關網站，不過很可惜的是，幾乎所有的網站都沒有考慮到將網頁的內容結構化這個部份，多半都採取在 <table> 表格中使用註解以通過自動檢測系統，雖然使用簡單的表格來作版面配置，並不會違反 WAI 或是 Section 508 甚至是我國的「無障礙網頁開發規範」，但是一旦拿掉樣式表或是在文字瀏覽器上，就成了結構紊亂的奇妙頁面，這樣的做法，對於無障礙存取除了沒有幫助以外，反而造就了另外一種使用動線上的障礙。
截至目前為止，我陸續經手了三個無障礙網頁開發案，不敢說對無障礙的技術已經非常了解，但是我認為結構化的標記語言搭配樣式表的做法，就使用性而言，絕對是無障礙網站的基本需求（即使使用 <table> 排版依舊可以輕鬆的通過無障礙自動檢測），可惜的是，我幾乎沒有看到落實這種做法的政府機關網站，甚至也有使用多個巢狀表格來排版的不良示範（但他們都掛著無障礙標章），只能感嘆這樣的做法在我的觀點來看可以說是流於徒具形式了。而在 Jeffrey Zeldman 的著作中也提到，應儘可能使用多種瀏覽器對網頁進行測試，以避免無效的 CSS 規則，很可惜的是經過瀏覽器大戰之後，許多網頁設計師選擇西瓜偎大邊，僅針對 IE 支援來設計網頁，這可以說又是一項違反無障礙精神的做法，然而這樣的案例卻不鮮見於這些通過無障礙規範的政府機關網站中，以推動無障礙規範的政府機關來說，可以說是相當不良的示範。
儘管設計範疇之廣，但是設計的共通原則卻是不變的，即是以使用者為出發點的概念，而關懷弱勢的精神更是一個良善設計中不可或缺的環節，希望藉由此篇文章的呼籲，能夠將無障礙以及跨平台的網頁設計概念，傳達給大環境中的執業設計師，不要讓無障礙的設計僅止於通過檢測獲得標章，而能夠真正地正視使用者的需求，讓殘障人士能夠在網際網路的世界中更貼近通行無阻。
Related Link：
Web Accessibility Initiative (WAI)
Section 508
Dive Into Accessibility
無障礙網路空間服務網
design with web standards
留住訪客，從掃除路障做起
瀏覽器大戰
21 回應 »
(207預覽)
| 1 引用
| 
( 3 / 2195 )
Tuesday, November 07, 2006, 07:27 - 發大夢 make dreams
7-11 便利商店在統一企業的經營下成為全台第一大便利商店連鎖體系，它的成功早已載滿美譽，走一趟超商，觸眼可及之處在在都是充滿新鮮味的商品，可見得統一對引進以及開發新商品的確投注心力。
近來適逢香蕉生產過剩，外銷的特級香蕉在批發市場約一斤 16 元上下就有，50 元不到你就可以買到一串漂亮又碩大的香蕉，加上最近添購了果汁機，因此香蕉牛奶變成了最近常喝的飲品，不但味道香濃，營養價值高，而且香蕉的甜度高，混合的過程中也完全不需要另外加糖，喝著喝著，靈光一閃，覺得超商裡的低溫飲品紅橘二將：西瓜牛奶以及木瓜牛奶，其實挺適合加上新生力軍，也就是香蕉牛奶，統一以其號稱的膜過濾技術，大打原味保證的廣告，不知道碰上了香蕉牛奶，會不會有令人激賞的火花？大企業若是願意出手，也算是可一解蕉農之苦，不過我對於企業經營是個大外行，或許這並不是一個高明的點子，不過既然有此念頭，先來自己張圖片過過乾癮也好。
考慮一下吧？
35 回應 »
(311預覽)
| 0 引用
| 
( 2.9 / 544 )
Saturday, October 28, 2006, 21:37 - 貓呼嚕 special cats
淡水山區飄著細雨。
我在北新莊寵物安樂園火化處，等待著大頭的遺體火化。「再十分鐘。」撿骨師父說，我點了點頭，早上到現在，我與她的情緒已經不知崩潰過多少次，空氣中瀰漫的焦味，讓我跟現實產生了疏離感，撿骨師父在遠處逕自的餵養他飼養的小土狗，而我竟與大頭永遠的分別了。
「大頭應該收到我們送牠的蓮花了。」她帶著鼻音微笑地說，那一只紙紮的蓮花在焰火中化為灰白而鬆軟的碎屑，這是我們送牠上路的一點心意，希望牠能在紙蓮花的庇佑與地藏王菩薩的帶領順利往生極樂，蓮花的灰燼在金爐中滾動著，而大頭的身軀，也將成白骨片片，不久前，我們才用金黃色的往生被包裹著牠僵硬的身軀，一個半鐘頭前，她緊抱著大頭沒有溫度的身體和我搭著安樂園的交通車在公路上塞著，幾個小時前，我們還緊抱著牠剛往生而柔軟的身體啜泣，更早之前，我們還以為接牠回家吊點滴治療，會讓牠恢復的快一點…這一切發生的太快太突然，從送醫到牠嚥下最後一口氣還不到五天，接牠回家治療，竟也沒撐過一天。
大頭，你竟然真的走了。
「我不敢相信…我不相信…嗚嗚…」她又哭成了淚人兒，語帶哽咽不停的說著。這個像是工廠的地方，跟山腰上香煙裊裊的晉塔處真是兩個世界，但這裡卻才是往生寵物們真正的終點，多少才剛失去溫度的身軀，在高溫的火焰中化為主人們再也認不得的白色骨片，而在這個鐵皮屋工廠中哭泣的我們，是如此的突兀，但卻又是多少痛失寵物的人曾有的共同經歷，微涼的飄雨、乾熱的焚化爐、活蹦亂跳的小土狗以及散落一角的大理石骨灰罈，怎麼我沈重的悲傷，一時之間不知道該放在哪裡？
還記得這禮拜以來的腎衰竭治療期間，她憂心忡忡的說，大頭可能不能跟我們一起過聖誕節了，如今一語成讖，原本是流浪貓的牠，享樂的日子還不滿一年，去年當我們看牠戰勝 FIV 而逐漸恢復健康的時候，我們真的就像醫生說的一樣樂觀的相信，大頭可以安養天年，長命百歲，那整天懶洋洋在軟墊上睡翻天的模樣，真的再也看不到了，牠死前那兩聲用盡全身力氣的悲鳴，卻還在我腦海中揮之不去，當時我還天真的以為，前一天一點出聲力氣都沒有的牠，真的因為回到家裡的溫暖而有了康復的跡象，只是沒想到，這是牠努力對抗病魔到底之餘，保留給我們的最後一聲道別。
「大頭大頭，寂寞不愁，人家有狗，我有大頭…」
大頭還是流浪貓時在窗邊的身影，現在再也沒機會看到了。
40 回應 »
(186預覽)
| 0 引用
| ( 3 / 104 )
Sunday, October 08, 2006, 22:55 - 鮮玩意 fresh gadgets
消息來源：老地方冰果室
11 回應 »
(685預覽)
| 0 引用
| ( 3.2 / 117 )
Saturday, October 07, 2006, 22:30 - 鮮玩意 fresh gadgets
;)
決定分成兩篇寫，上篇寫Strida，下篇寫5.0！
不過暫時還沒有足夠的想法寫 Strida 5.0，因為在腳踏車方面也不夠專業，但是可以推薦大家閱讀由車友 SkyWalker 所撰寫的文章：「STRIDA 5.0 的第一印象 The First Impression」
Skywalker 兄對於 Strida 有相當豐富的改裝經驗，以及針對 Strida 車款結構深入而精闢的解說，看完絕對可以對 Strida 5.0 有更多的認識。
16 回應 »
(1734預覽)
| 0 引用
| ( 2.8 / 166 )
前一頁 下一頁