無障礙網頁設計技術手冊.docVIP

行政院研究發展考核委員會 中華民國九十二年十月 無障礙網頁設計技術手冊 委託機關：行政院研究發展考核委員會 執行單位：台北大學 內容編訂：AboutWeb網路發展小組目錄 壹、 摘要 1 貳、 手冊內容說明 2 參、 無障礙網頁設計技術 4 規範一、對於聽覺及視覺內容要提供相等的替代文字內容 4 1-1對於網頁中非文字的聽覺與視覺內容，應提供相等內容的替代文字(如透過alt、longdesc)[第一優先等級] 4 1-1-1替代文字 4 1-1-2條列項目圖片的替代文字 4 1-1-3圖片連結的替代文字 5 1-1-4圖片的簡短替代文字 5 1-1-5圖片的較長文字敘述 6 1-1-6影像地圖區域的替代文字 7 1-1-7附屬小程式(applets)及物件(objects)的文字及非文字替代說明 9 1-1-8多媒體的替代文字 10 1-1-9對網頁頁框的內容提供說明 10 1-1-10指定不支援頁框時的辦法 11 1-1-11圖像式的按鈕 12 1-1-12 Script的替代呈現方式 12 1-2針對伺服器端每個影像地圖的不同作用區域，提供替代文字連結[第一優先等級] 13 1-2-1替代文字 13 1-2-2伺服器端的影像地圖 13 1-3採用多媒體呈現影像時，必須提供聽覺說明[第一優先等級] 14 1-3-1視覺影像的呈現 14 1-4採用多媒體時，必須提供同步語音或替代文字說明[第一優先等級] 14 1-4-1語音資訊 14 1-4-2具可及性的附屬小程式(applets) 15 1-5對用戶端影像地圖中的超連結，提供替代文字連結[第三優先等級] 15 1-5-1替代文字 15 1-5-2提供用戶端伺服器影像地圖中超連結的替代文字連結 15 規範二 不要單獨靠色彩來提供特殊資訊 17 2-1確保所有藉由顏色所傳達的資訊，在沒有顏色後仍然能夠傳達[第一優先等級] 17 2-1-1結構與呈現 17 2-1-2 確保不單獨依賴色彩提供資訊 17 2-2確保前景顏色與背景顏色彼此呈現明顯的對比[影像圖像為第二優先等級，文字為第三優先等級] 17 2-2-1影像圖形的顏色 17 2-2-2顏色對比 18 規範三、適當地使用標記語言和樣式表單 19 3-1以適當的標記語言而不是圖片來傳達資訊[第二優先等級] 19 3-1-1結構與呈現 19 3-1-2以現有的標記語言(如MathML)呈現替代影像 19 3-1-3關於所呈現的內容 19 3-2在DOCTYPE中，使用標準規範的敘述，以識別網頁的HTML版本類型[第二優先等級] 19 3-2-1 DOCTYPE敘述 19 3-3使用樣式表控制網頁排版與內容的呈現[第二優先等級] 21 3-3-1結構與呈現 21 3-3-2重點強調 21 3-3-3文字取代圖片 21 3-3-4文字的編排 22 3-3-5透過樣式表呈現排版、定位、層次及對齊的效果 23 3-4使用相對而非絕對的尺寸設計標記語言與樣式表[第二優先等級] 23 3-4-1視窗大小應使用相對尺寸(如%)而非絕對尺寸(如pixel) 23 3-4-2計量單位 24 3-5使用header標籤呈現文件結構[第二優先等級] 24 3-5-1結構與呈現 24 3-5-2章節標題 24 3-6適當地使用條列以及條列項目[第二優先等級] 25 3-6-1結構與呈現 25 3-6-2條列式清單 25 3-6-3在HTML清單中提供上下文的說明 26 3-7以Q及BLACKQUOTE標籤來標記引用語而非用來縮排[第二優先等級] 27 規範四、闡明自然語言的使用 28 4-1明確指出網頁內容中語言的轉換[第一優先等級] 28 4-2使用ABBR及ACRONYM說明文字縮寫與字首簡稱[第三優先等級] 28 4-3明確指出網頁文件主要使用的自然語言[第三優先等級] 28 規範五、建立編排良好的表格 29 5-1對於存放資料的表格，標示出行和列的標題[第一優先等級] 29 5-2當表格中超過二行/列以上的標題時，須以結構化的標記確認彼此間的從屬關係[第一優先等級] 31 5-3避免以表格作多欄文字呈現的設計[第二優先等級] 33 5-3-1結構與呈現 33 5-3-2表格排版 33 5-3-3透過樣式表呈現排版、定位、層次及對齊的效果 33 5-4若表格作為版面配置時，勿使用架構性的元件(如TH表格的標題資料標籤)作為網頁視覺效果[第二優先等級] 34 5-4-1結構與呈現 34 5-4-2表格排版 34 5-5表格需提供摘要說明[第三優先等級] 34 5-6對於表格中過長的標題，提供簡稱[第三優先等級] 35 規範六、確保網頁能在新科技下良好地呈現 37 6-1確保在樣式表無法呈現時仍可以閱讀網頁內容[第一優先等級] 3