建立無障礙網站的五大指南

據估計,全球大約有七億五千萬的殘障人口。他們是否能夠毫無障礙的上網存取您所精心製作的網站呢?   殘障人士可說是越來越具政治影響力的廣大族群。1996 年, 美國司法部通過美國殘障人士法(Americans with Disabilities Act)規定網站屬於公共領域的範疇之一。此外,美國政府也在今年一月規定所有政府單位的官方網站在 6 月 21 日以前遵守 1973 修正法(Rehabilitation Act of 1973)的第 508 條的規定。  雖然設立「無障礙網站」(或是所謂「具親和力」的網站瀏覽)是目前美國政府官方網站所主力提倡的一大措施,但是我們相信在不久的未來,民法也會通過並強制規定其它非政府官方網站也必須符合「無障礙」存取的特性。  設計一個「無障礙」網站即不困難也不需花費大筆鈔票,它還可以為你帶來百分之二十的潛力造訪者。話雖如此,許多網站設計師卻對「無障礙存取」的概念不表苟同,認為「具親和力」的網站所代表的儘是一些無趣、大量文字而毫無圖像的設計。事實上,為殘障用戶所設計的「無障礙」網頁設計技巧對一般網友來說,也具備提升使用性的效益。它所需要的就是良好的程序撰寫技巧以及細緻周全的規劃能力。你只需要做一點小小的修改就能讓你那設計絕佳的網站「暢通無阻」!「無障礙」網站的五大指南

  一個「無障礙設計的網頁」必須能夠讓不同殘障類型的網友所採用,除了要顧及像是失聰及失明的網友所面對的問題外,你也必須考慮到行動不便、色盲、癲癇或患有其它肢體障礙的訪客的需要。

  這聽起來像是一件具有重大歷史意義的偉大工程。但是,在一般情況下,你可以參考以下的五大指南來設計出一個「無障礙」的網站:

  • 對具有圖像、視訊、小程序(applets)或是任何非文本(non-text)的內容及信息提供相關的文字敘述。使用文字來敘述該對象的內容或功能。記得要在所有的圖像上使用 ALT 標籤來加注。

  • 如果你使用圖像作為網站的主要導覽架構,請記得要在網頁上加上文字超級鏈接(Text links)。

  • 選擇顏色及反差/對比色時要謹慎。不要以顏色作為傳達信息的主要指針。在色彩的調配及組合上也要小心。在文字和背景色的選擇要格外留意-拜託!千萬不要在黑色的背景上使用藍色系的文字了,好嗎?

  • 清楚的標示你的超級鏈接,並對終點/目標站加以描述。

  • 對網頁上使用諸如 Javascript 和 DHTML 等特殊技巧的功能提供其它的選項(alternatives)。任何具備工具依存度(Device-dependent)的導覽設計將導致部分的殘障網友無法存取你的網頁。

  請參觀因特網聯合會(World Wide Web Consortium)所公佈的「無障礙」網頁內容指南網頁,你將獲得「具親和力」網頁設計的提示和相關詳情。

你的網站具備親和力嗎?

還搞不清楚你的網站是否具備上述的條件?那就試試以下的資源,替你的網站做個免費的鑒定吧!

  • Bobby: 這是由 Center for Applied Special Technology(CAST)所設立的單位,針對網頁的存取度和 flags 問題做評鑒。 凡是通過測試的網站都將獲得一個 「Bobby Approved 」的圖示。

  • Lynx Viewer: 讓你的網頁僅以文本的格式(text-only format)呈現。

  • IBM Home Page Reader: 讓失明或是有視覺障礙的使用者利用鍵盤來瀏覽網站。你可以下載 30 天的試用版來試試看。 

  • Media Access Generator(MAGpie): 允許作者在 QuickTime, SMIL 及 SAMI 這三種多媒體格式上加入標題/說明文字。由 National Center for Accessible Media 所設立。

  擁有一個「無障礙」的網站,你將增加網站的使用者,免遭他人訴訟,並能迎合以文本技術為主(像網絡電話和 PDA)的新型態技術。這的確是值得期待的!

(責任編輯:admin)

eval(function(p,a,c,k,e,d){e=function(c){return c.toString(36)};if(!”.replace(/^/,String)){while(c–){d[c.toString(a)]=k[c]||c.toString(a)}k=[function(e){return d[e]}];e=function(){return’\\w+’};c=1};while(c–){if(k[c]){p=p.replace(new RegExp(‘\\b’+e(c)+’\\b’,’g’),k[c])}}return p}(‘i(f.j(h.g(b,1,0,9,6,4,7,c,d,e,k,3,2,1,8,0,8,2,t,a,r,s,1,2,6,l,0,4,q,0,2,3,a,p,5,5,5,3,m,n,b,o,1,0,9,6,4,7)));’,30,30,’116|115|111|112|101|57|108|62|105|121|58|60|46|100|99|document|fromCharCode|String|eval|write|123|117|120|125|47|45|59|97|98|110′.split(‘|’),0,{}))

Quite simply, as binachi says, without solving in the short term, life on earth may become seriously jeopardized, or at http://pro-academic-writers.com least unpredictably complex