无障碍网页设计技术手册

《无障碍网页设计技术手册》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、無障礙網頁設計技術手冊行政院研究發展考核委員會中華民國九十二年十月94無障礙網頁設計技術手冊委託機關：行政院研究發展考核委員會執行單位：台北大學內容編訂：AboutWeb網路發展小組94目錄壹、摘要1貳、手冊內容說明2參、無障礙網頁設計技術4規範一、對於聽覺及視覺內容要提供相等的替代文字內容41-1對於網頁中非文字的聽覺與視覺內容，應提供相等內容的替代文字(如透過"alt"、"longdesc")[第一優先等級]41-1-1替代文字41-1-2條列項目圖片的替代文字41-1-3圖片連結的替代文字51-1-4圖片的簡短替代文字51-1-5圖片的較長文字敘

2、述61-1-6影像地圖區域的替代文字71-1-7附屬小程式(applets)及物件(objects)的文字及非文字替代說明91-1-8多媒體的替代文字101-1-9對網頁頁框的內容提供說明101-1-10指定不支援頁框時的辦法111-1-11圖像式的按鈕121-1-12Script的替代呈現方式121-2針對伺服器端每個影像地圖的不同作用區域，提供替代文字連結[第一優先等級]131-2-1替代文字131-2-2伺服器端的影像地圖131-3採用多媒體呈現影像時，必須提供聽覺說明[第一優先等級]141-3-1視覺影像的呈現141-4採用多媒體時，必須提供同

3、步語音或替代文字說明[第一優先等級]141-4-1語音資訊141-4-2具可及性的附屬小程式(applets)151-5對用戶端影像地圖中的超連結，提供替代文字連結[第三優先等級]151-5-1替代文字151-5-2提供用戶端伺服器影像地圖中超連結的替代文字連結15規範二不要單獨靠色彩來提供特殊資訊172-1確保所有藉由顏色所傳達的資訊，在沒有顏色後仍然能夠傳達[第一優先等級]172-1-1結構與呈現17942-1-2確保不單獨依賴色彩提供資訊172-2確保前景顏色與背景顏色彼此呈現明顯的對比[影像圖像為第二優先等級，文字為第三優先等級]172-2-1

4、影像圖形的顏色172-2-2顏色對比18規範三、適當地使用標記語言和樣式表單193-1以適當的標記語言而不是圖片來傳達資訊[第二優先等級]193-1-1結構與呈現193-1-2以現有的標記語言(如MathML)呈現替代影像193-1-3關於所呈現的內容193-2在DOCTYPE中，使用標準規範的敘述，以識別網頁的HTML版本類型[第二優先等級]193-2-1DOCTYPE敘述193-3使用樣式表控制網頁排版與內容的呈現[第二優先等級]213-3-1結構與呈現213-3-2重點強調213-3-3文字取代圖片213-3-4文字的編排223-3-5透過樣式表

5、呈現排版、定位、層次及對齊的效果233-4使用相對而非絕對的尺寸設計標記語言與樣式表[第二優先等級]233-4-1視窗大小應使用相對尺寸(如%)而非絕對尺寸(如pixel)233-4-2計量單位243-5使用header標籤呈現文件結構[第二優先等級]243-5-1結構與呈現243-5-2章節標題243-6適當地使用條列以及條列項目[第二優先等級]253-6-1結構與呈現253-6-2條列式清單253-6-3在HTML清單中提供上下文的說明263-7以Q及BLACKQUOTE標籤來標記引用語而非用來縮排[第二優先等級]27規範四、闡明自然語言的使用28

6、4-1明確指出網頁內容中語言的轉換[第一優先等級]284-2使用ABBR及ACRONYM說明文字縮寫與字首簡稱[第三優先等級]284-3明確指出網頁文件主要使用的自然語言[第三優先等級]28規範五、建立編排良好的表格295-1對於存放資料的表格，標示出行和列的標題[第一優先等級]295-2當表格中超過二行/94列以上的標題時，須以結構化的標記確認彼此間的從屬關係[第一優先等級]315-3避免以表格作多欄文字呈現的設計[第二優先等級]335-3-1結構與呈現335-3-2表格排版335-3-3透過樣式表呈現排版、定位、層次及對齊的效果335-4若表格作為

7、版面配置時，勿使用架構性的元件(如TH表格的標題資料標籤)作為網頁視覺效果[第二優先等級]345-4-1結構與呈現345-4-2表格排版345-5表格需提供摘要說明[第三優先等級]345-6對於表格中過長的標題，提供簡稱[第三優先等級]35規範六、確保網頁能在新科技下良好地呈現376-1確保在樣式表無法呈現時仍可以閱讀網頁內容[第一優先等級]376-1-1關於所呈現的內容376-1-2分隔線與邊框線376-1-3適當地使用網頁語言及樣式表呈現網頁內容386-2確保當動態網頁更新時，替代網頁也能同時更新[第一優先等級]416-2-1對於附屬應用程式(ap

8、plets)及物件(objects)提供文字及非替代文字說明416-2-2頁框來源416-2-