Café de Poète

AvatarJeter, le poète de CANCER. a personal Website creator since 1996, always looking for the best way of designing.

「無障礙」還是「唔,障礙」?



什麼是無障礙呢?簡單來說,即是在網頁上具備無障礙空間,讓身體上、心理上、以及技術上有障礙的朋友能夠順利閱讀的網頁,習慣瀏覽聲光效果滿載網頁的一般使用者,可能很難想像,在視盲、弱視、色盲甚至肢體殘障的狀況之下,能夠瀏覽的網頁會是長什麼樣,其實除非是完全以 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 Links:
Web Accessibility Initiative (WAI)
Section 508
Dive Into Accessibility
無障礙網路空間服務網
design with web standards
留住訪客,從掃除路障做起
瀏覽器大戰

統一香蕉牛乳478cc



7-11 便利商店在統一企業的經營下成為全台第一大便利商店連鎖體系,它的成功早已載滿美譽,走一趟超商,觸眼可及之處在在都是充滿新鮮味的商品,可見得統一對引進以及開發新商品的確投注心力。

近來適逢香蕉生產過剩,外銷的特級香蕉在批發市場約一斤 16 元上下就有,50 元不到你就可以買到一串漂亮又碩大的香蕉,加上最近添購了果汁機,因此香蕉牛奶變成了最近常喝的飲品,不但味道香濃,營養價值高,而且香蕉的甜度高,混合的過程中也完全不需要另外加糖,喝著喝著,靈光一閃,覺得超商裡的低溫飲品紅橘二將:西瓜牛奶以及木瓜牛奶,其實挺適合加上新生力軍,也就是香蕉牛奶,統一以其號稱的膜過濾技術,大打原味保證的廣告,不知道碰上了香蕉牛奶,會不會有令人激賞的火花?大企業若是願意出手,也算是可一解蕉農之苦,不過我對於企業經營是個大外行,或許這並不是一個高明的點子,不過既然有此念頭,先來自己張圖片過過乾癮也好。

考慮一下吧?

原發表於:Tuesday, November 07, 2006, 07:27