无障碍网页设计技术手册

壹、 摘要 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 无障碍网页设计技术手册是指导网页开发者创建易于访问和理解的网页的权威指南，尤其关注听觉和视觉障碍用户的体验。该手册详细阐述了多种技术规范，以确保网页内容的全面可访问性。 首要规范强调了为非文字内容提供等效的替代文字。这包括图片、图像地图区域、applets、objects等视觉元素以及声音、音乐等听觉内容。例如，通过`alt`属性为图片提供简短描述，`longdesc`属性用于更详细的说明。对于条列项目图片、链接图片、图像地图区域的替代文字也应明确。此外，对于applets和objects，应提供文字描述和非文字的替代方案。多媒体内容如视频和音频，需要有同步的字幕或文字说明，以便听障用户理解。 规范二提到，不应仅依赖颜色来传达关键信息，以防色盲或其他视觉障碍的用户无法获取这些信息。内容结构和呈现应清晰，即使去除颜色，信息也能被正确理解。同时，确保前景与背景颜色有足够的对比度，以提高可读性。 规范三提倡正确使用标记语言和样式表。这意味着网页应使用适当的HTML标签来传达信息，而非仅仅依赖图片。DOCTYPE声明应准确标识HTML版本，以利于解析。使用CSS进行布局和内容呈现，以减少对图像的依赖，增强可读性和可访问性。尺寸设计应采用相对单位，如百分比，而非绝对单位，如像素，以适应不同屏幕尺寸。 规范四涉及语言的明确性。网页内容语言的转换应明确指示，便于语言识别工具使用。缩写和首字母缩略词应使用`ABBR`和`ACRONYM`标签进行解释，以便理解。 规范五关注表格的编排。数据表格应标注行和列的标题，使屏幕阅读器用户能够理解表格结构。这对于视障用户尤其重要，他们通常依赖于这些辅助工具来解析表格内容。 无障碍网页设计不仅仅是关于美观，更是关于包容性和可达性。通过遵循这些技术规范，开发者可以创建出对所有人开放的网页，无论他们是否有任何类型的障碍。这样的网页不仅提升了用户体验，也是对数字鸿沟的一种积极弥补。