龍華科技大學LOGO及標題 GOOGLE查詢
Loading
龍華科技大學資訊圖書處
  更新日期: 2017-11-01


▌無障礙網頁簡介
1.  什麼是「無障礙網路空間」(Web Accessibility)?
A.
無障礙網路空間的規劃和訂定主要是參考 W3C(World Wide Web Consortium) 協會的 WAI(Web Accessibility Initiative) 組織訂定的無障礙網頁內容標準相關規範,並參照各國在制定無障礙網頁相關政策和推廣策略的做法,及國內近年來在身心障礙者保護政策、無障礙空間的推動、視覺障礙者在無障礙網路相關措施的努力等經驗所訂定。 本規範所訂定 的網頁各種可及性設計的準則內容,其適用範圍包括有 視覺障礙 (visual disabilities) 、聽力障礙 (hearing disabilities) 、肢體障礙 (physical disabilities) 、和認知障礙或神經疾病 (cognitive or neurological disabilities) 等方面的身心障礙人士使用網頁資訊所必須考慮的種種因素。除此之外,其考慮因素也包括這些身心障礙人士所使用的特殊上網裝置 ( 包括螢幕閱讀機、螢幕擴大機、特殊按鈕、特殊鍵盤、特殊顯示裝置、點字輸入裝置和點字顯示器等 ) ,這些裝置可能是使用各種不同的操作系統,或只具有基本的網頁 瀏覽 功能 。 本規範可供公眾網站的擁有者、網站管理人員、網頁開發者、及身心障礙人士使用,網站擁有者及網頁開發人員在規劃網站的架構與內容時,應先參考本規範,以開發出無障礙的網站。若是網站內容無法符合本規範的相關條文,應該依據本規範的條文做必要的修改以符合網頁的無障礙設計。身心障礙人士在上網瀏覽網站資訊時,若碰到無法克服的障礙,可參考本規範的條文透過適當管道要求網站擁有者予以修正。 本規範內容包括 無障礙網頁可及性設計四項原則、 三個優先等級、三個檢測等級、十四條規範、和九十個標準檢測碼。其章節安排的順序可提供一個資訊網站在處理無障礙網頁的規劃、開發、設計、檢測、和認證等工作時,可以依各發展階段對於無障礙網頁開發的需要提供相關的指引。 簡單來說可從三個方便來了解: 【What? -什麼是無障礙網路空間? 】 關於「無障礙網路空間」的3個W,首先就是「What?」-什麼是無障礙網路空間?它跟無障礙設施例如導盲磚、坡道斜板等殘障設施,讓殘障者使用方便的意思差不多嗎?概念相同,但不完全如此!你有沒有看過有些網頁,字型設的很小很小,或是網頁的底色跟字的顏色很接近,要閱讀網頁內容時,覺得很吃力?你有沒有看過有些網頁,有好大一個區塊,感覺它不停的在閃爍,沒多久眼睛就覺得很不舒服?還有些網頁,被點選的區域或是文字非常非常的小,讓滑鼠很難瞄準點選?這些網頁,對於擁有正常視力的你我而言,閱讀或是使用起來都很吃力了,更何況是看不見、或是聽不到的人呢?所以,簡單來說,無障礙網路空間,就是讓每個人-無論是否有身體上的缺陷,讓每個頁面在不同的瀏覽器上,使用或是閱讀網頁內容時,都覺得很方便、很好用。
【Who? -無障礙網路空間是為什麼樣的人設計的? 】 第二個問題「Who?」-無障礙網路空間是為什麼樣的人設計的?網路的使用者除了一般人以外,還有可能是視覺障礙(包括全盲、色盲、弱視等)、聽覺障礙(全聾或是重聽)、行動或有認知障礙、對閱讀或是文字理解有困難的人。另外,使用者有可能無法使用滑鼠或是鍵盤,例如有些觸控式導覽機台(Kiosk)的操作方式都是點選(Click)的方式,沒有滑鼠中拖曳(Drag)的功能;還有有些電腦老舊、或是不同的作業系統、不同的瀏覽器、不同的文字語言、連線的速度過慢等等,這些狀況都會使網頁資訊的讀取產生或多或少、或大或小的問題。所以無障礙網路空間的設置,是在製作網站時,要考量以上這些諸多情形,採取「可及性(Accessibility)」的設計,讓不同的使用者、不同的連線狀況下,都能順利讀取網頁資訊。
【Why? -為什麼要推廣無障礙網路空間? 】 為什麼要推廣無障礙網路空間?資訊發達的時代,網路讓每個人搜尋資料、獲取知識的空間變大、速度加快,尤其是各國的政府機關也紛紛架設官方網站,透過網路機制,民眾可以很方便地上網申辦證照、繳交各種費用等等;學校更是利用網路功能註冊、加退選修課程、繳交作業、報名各種入學考試等等。在這種情形下,網路無異是一種公共空間,如果政府機關以及學校的公眾資訊取得對某些民眾而言是種障礙,那麼公民的平等權,例如就業、接受教育等權利,就被忽視了。另一方面,科技發展越來越快速,上網的工具不再只限於桌上型電腦;手機、PDA等設備,也漸漸成為上網讀取資訊的工具。這些工具的視窗大小不再是4:3的比例,瀏覽器也不一定是IE、Netscape,要如何讓不同的上網工具、不同的視窗大小、不同的瀏覽器都可以讀取網頁資訊,也是推廣無障礙網路空間的重要課題。 重要參考
※ W3C《Web Accessibility Initiative (WAI)
※ 無障礙網路空間服務網《http://www.handicap-free.nat.gov.tw/》

 

2. 「無障礙網路空間」有何具體規範?需達到什麼樣的程度?
A.

參考 W3C 協會的 WAI 組織的無障礙網頁內容標準相關規範,訂定我國的「無障礙網頁開發規範」,其中「十四條規範」簡列如下:

【十四條規範】
規範一:對於聽覺及視覺的內容要提供相等的替代文字內容
規範二:不要單獨靠色彩來提供特殊資訊
規範三:適當地使用標記語言和樣式表單
規範四:闡明自然語言的使用
規範五:建立編排良好的表格
規範六:確保網頁能在新科技下良好地呈現
規範七:確保使用者能處理時間敏感內容的改變
規範八:確保嵌入式使用者介面具有直接可及性
規範九:設計裝置獨立網頁
規範十:使用過渡的解決方案
規範十一:使用國際與國內官方訂定的技術和規範
規範十二:提供內容導引資訊
規範十三:提供清楚的瀏覽網站機制
規範十四:確保簡單清楚的網頁內容

※ 詳細說明請見《無障礙網路空間服務網》 的:
「十四條規範」以及「九十條相關的檢測要點」 )

  • 目前有如下四種等級(並各舉一個大家較為熟悉的規範):
    •  第一優先等級(A)A圖章標示(開另示窗)
      【例】圖片與替代文字 對 img 標籤提供 alt 屬性
      <img src=“a.jpg” alt=“最新消息”>
    • 新增等級(A+)A+圖章標示(開另示窗)
      【例】網站應提供網站地圖,清楚呈現出整個網站的層次架構。
      【例】不要求一定得使用滑鼠(視障者無法使用滑鼠)
    • 第二優先等級(AA)AA圖章標示(開另示窗)
      【例】避免使用marquee 跑馬燈、gif 動畫、開新視窗
    • 第三優先等級(AAA)AAA圖章標示(開另示窗)
      【例】表格標籤<Table> 須提供表格摘要說明 (summary 屬性)
      【例】使用 Lang 屬性,明確指出網頁文字所使用的自然語言,
      讓語音系統可以正確辨識,例如中文為 "zh-TW"
 
3. 政府或教育部是否有規定,學校需達到何種等級的無障礙?其時程為何?
A.
可參考政府公告規定:http://www.handicap-free.nat.gov.tw/
4. 如何檢查自己的網站是否已達到「無障礙」,或是哪裡尚未達到?
A.
可至《無障礙網路空間服務網》的「下載專區」 單元 ,下載單機版免費檢測程式。
5. Dreamweaver 和  Frontpage 可以製作無障礙網頁嗎?
A.
Dreamweaver 和 Frontpage 軟體的確有一些功能可以協助下標示及檢查。