点此下载-无障碍网路空间服务网.docVIP

無障礙網頁開發 國家通訊傳播委員會 壹、前言 本的規劃訂定主要是參考W3C(World Wide Web Consortium)協會的WAI( Web Accessibility Initiative)組織訂定的無障礙網頁內容標準相關規範，並參照各國在制定無障礙網頁相關政策和推廣策略的做法，及國內近年來在身心障礙者保護政策、無障礙空間的推動、視覺障礙者在無障礙網路相關措施的努力等經驗所訂定。 本規範所訂定的網頁各種可及性設計的準則內容，其適用範圍包括有視覺障礙 (visual disabilities)、聽力障礙 (hearing disabilities)、肢體障礙 (physical disabilities)、和認知障礙或神經疾病 (cognitive or neurological disabilities)等方面的身心障礙人士使用網頁資訊所必須考慮的種種因素。除此之外，其考慮因素也包括這些身心障礙人士所使用的特殊上網裝置(包括螢幕閱讀機、螢幕機特殊按鈕、特殊鍵盤、特殊顯示裝置、點字輸入裝置和點字顯示器等)，這些裝置可能是使用各種不同的操作系統，或只具有基本的網頁瀏覽功能。無障礙網頁可及性設計原則優先等級條規範貳、無障礙網頁設計準則 本章說明網頁開發人員在設計網頁時應該依循的作業方式和考量原則。 無障礙網頁可及性設計原則 網頁開發人員在應該依循無障礙網頁可及性設計原則原則：多媒體相關資訊的可及性針對網頁內各種多媒體資訊(包括影像、圖形、語音、音樂、影片等)應加入替代文字以提高這些資訊的可及性。因為這些替代文字可以讓螢幕閱讀機、點字顯示器等各種特殊輸出裝置做進一步處理，讓視覺障礙者或聽覺障礙者可以使用其他替代方式獲得其資訊內容。至於針對認知障礙或神經疾病人士而言，應該在網頁的重要資訊上避免使用炫光、快速動態影像等媒體效果，以免造成其在使用網頁時的不適。 有關此原則的詳細內容包括在規範、、、、。 原則：網頁結構和呈現處理的可及性網頁結構的設計很容易因為網頁呈現美觀的考量而犧牲可及性設計。例如，網頁設計者可能因為考量網頁文字對齊和美觀，而採用表格和頁框做排版功能，如此一來網頁就可能具有許多無任何資訊意義的表格和頁框而混淆了特殊輸出入裝置的處理功能；網頁設計者可能因為要凸顯資訊內容的對照關係而採用不同顏色的區域，這可能造成特殊輸出入裝置無法辨識的狀況。以上設計的方式都可能破壞網頁的可及性設計，因此在規劃網頁結構和呈現時應同時考量可及性的因素，適當的使用網頁的結構標籤，忠實地利用結構和呈現標籤原先設定的功能，毋貪一時的便利或美觀而混用不當的標籤。 有關此原則的相關詳細內容包括在規範、、。 原則：網頁和輸出入裝置相關技術處理的可及性全球資訊網相關技術的進步日新月異，隨時會出現許多新的技術，包括新的輸出和輸入裝置、Script語言、網頁內的程式物件、網頁排版語言、以及特殊媒體技術等。網頁設計在融入這些技術時，應考慮提供給身心障礙人士的特殊上網裝置可能尚不支援此項技術，因此在新技術引入時，應該考慮網頁資訊在不支援此技術時的各種可及性替代方案，讓身心障礙人士可以在不支援此技術時，仍然可以使用此網頁的資訊內容。例如，網頁設計應考慮網頁使用者可能無法使用滑鼠，因此必須考慮使用替代鍵盤人士操作網頁的相關需求；網頁設計在使用到網頁內的程式物件時，必須考慮特殊上網裝置可能無法執行此程式物件，因此應該提供替代網頁或相關措施讓使用網頁者可以獲得其資訊內容。 有關此原則的詳細內容包括在規範、、、、。 原則：網站瀏覽機制的可及性網站內各網頁的瀏覽機制應考量可及性操作的需求。身心障礙者因為其障礙的差異，在使用特殊上網裝置瀏覽網頁時，其瀏覽操作不如市面上一般瀏覽器那麼方便和靈活，因此網站瀏覽機制的設計應力求簡單清楚，讓網頁使用者可以依其需求來瀏覽網站。例如有些肢體障礙者只能做小區域的操作，網頁資訊的安排和設計應考慮其限制，讓使用者仍然能夠瀏覽網站資訊。 有關此原則的詳細內容包括在規範、。無障礙網頁設計程序 步驟一：網站規劃階段依無障礙網頁可及性設計的四個原則來整理資訊和規劃網站。例如，在整理網站的多媒體資訊時，應該訂出良好的描述規則來設計各種多媒體資訊的替代文字說明；對於操作複雜的網頁，應該考慮使用替代網頁；網頁操作應該考慮鍵盤操作；網站的子系統架構不宜太複雜，，以方便身心障礙者瀏覽。 步驟二網站設計階段依無障礙網頁十四條規範內容和精神來設計網頁。例如，貪一時的便利或美觀而混用不當的標籤。步驟三：網站檢測階段網頁完成後，透過無障礙網頁檢測工具檢測網頁。先檢測工具機器檢測經過機器檢測，再由人工。步驟四網頁認證階段檢測完成後，依檢測等級 參、優先等級 優先等級優先等級優先等級第優先 網頁內容開發者在開發網頁時必須滿足這