Posted on 2007-07-12 17:50
ricki 閱讀(320)
評論(0) 編輯 收藏 所屬分類:
軟件測試規范
行政院研究發展考核委員針對網站管理者以及設計者的需要，于九十一年六月「無障礙網頁開發標準暨標章核發作業」委外案，參考W3C協會的WAI組織 的無障礙網頁內容標準相關規范，并參照各國在制訂無障礙網頁相關政策和推廣策略，與國內近年來在身心障礙者保護政策等相關措施，訂定我國的「無障礙網頁開發規范」，以建立具體的無障礙網絡推廣目標與策略。
以下為「Web Content Accessibility Guidelines1.0」與「行政院研考會無障礙網頁開發規范」的相互對照表。
規范1: 對于聽覺及視覺的內容要提供相等的替代文字內容
規范2: 不要單獨靠色彩來提供特殊信息
規范3: 適當地使用標記語言和樣式窗體
規范4: 闡明自然語言的使用
規范5: 建立編排良好的表格
規范6: 確保網頁能在新科技下良好地呈現
規范7: 確保使用者能處理時間敏感內容的改變
規范8: 確保嵌入式使用者接口具有直接可及性
規范9: 設計裝置獨立網頁
規范10: 使用過渡的解決方案
規范11: 使用國際與國內官方訂定的技術和規范
規范12: 提供內容導引信息
規范13: 提供清楚的瀏覽網站機制
規范14: 確保簡單清楚的網頁內容
規范一: 對于聽覺及視覺的內容要提供相等的替代文字內容
檢測碼
1.1圖片需要加上替代文字說明
1.2對于applet提供替代文字說明
1.3對于object提供替代文字說明
1.4對于窗體中的圖形按鍵提供替代文字說明
1.5影像地圖區域需要加上替代文字說明
1.6當影像地圖使用為上傳按鈕時，每一作用區域必須分別使用不同的按鈕
1.7當alt屬性的文字陳述大于150個英文字符時，考慮另外提供文字敘述
1.8提供longdesc以外的描述性超級鏈接(如D超級鏈接)，來描述longdesc的內容
1.9圖形替代文字陳述不夠清晰時，提供更多的文字描述(如使用longdesc屬性)
1.10所有語音檔案必須有文字旁白
1.11以可及性的影像來替代ASCII文字藝術
1.12視訊中的聲音必須提供同步文字型態的旁白
1.13服務器端影像地圖中的超級鏈接必須在網頁中有額外對應的文字超級鏈接
1.14多媒體視覺影像呈現時，必須提供聽覺說明
1.15多媒體呈現時，必須同步產生相對應替代的語音或文字說明
1.16客戶端影像地圖中的超級鏈接必須在網頁中有額外對應的可及性超級鏈接
規范二:不要單獨靠色彩來提供特殊信息
檢測碼
2.1確保所有藉由顏色所傳達出來的訊息，在沒有顏色后仍然能夠傳達出來
2.2確保前景顏色與背景顏色彼此呈現明顯的對比
規范三:適當地使用標記語言和樣式窗體
檢測碼
3.1以實際存在的標記語言(如MathML)呈現網頁內容(如數學方程式)，避免使用圖形影像呈現
3.2確定網頁設計檔，有效使用正規的HTML語法
3.3在doctype標簽中，使用標準規范的敘述以識別HTML版本類型
3.4盡可能使用樣式窗體控制網頁排版與內容的呈現
3.5要使用相對尺寸(如%)而非絕對尺寸(如像素)
3.6適當使用巢狀標題呈現文件結構
3.7避免使用header標簽來產生粗體字效果
3.8項目符號及編號之卷標(如li、ul)僅可使用于實際網頁內容的項目條列，不可用于編輯格式
3.9確保q和blockquote標簽只是用來當引用語而不是用來縮排
3.10以q及blockquote卷標來標記引用語
規范四:闡明自然語言的使用
檢測碼
4.1明確地指出網頁內容中語言的轉換
4.2用abbr及avronym標簽表示網頁中呈現的文字縮寫與簡稱
4.3明確指出網頁文字所使用的自然語言
規范五:建立編排良好的表格
檢測碼
5.1對于每一個存放數據的表格（不是用來排版），標示出行和列的標題
5.2表格中超過二行/列以上的標題，須以結構化的標記確認彼此間的結構與關系
5.3在網頁內容呈現設計時，避免以表格做多
欄文字的設計
5.4若表格只做為版面配置時，勿使用表格之結構標記(如th卷標)作為網頁格式視覺效果
5.5表格須提供表格摘要說明(如summary屬性)
5.6數據表格須提供標題說明
5.7表格行列過長的標題，須提供縮寫或簡稱
規范六:確保網頁能在新科技下良好地呈現
檢測碼
6.1使用 CSS 樣式表編排的文件需確保在除去樣式表后仍然能夠閱讀
6.2頁框連結必須是HTML檔案
6.3使用Script語言需指定不支持Script時的辦法
6.4若網頁內的程序對象沒有作用時，確保網頁內容仍然可以傳達
6.5若網頁對象使用事件驅動時，確定勿僅使用鼠標操作
6.6使用頁框時要指定不支持頁框時的辦法
規范七:確保使用者能處理時間敏感內容的改變
檢測碼
7.1確保網頁設計不會致使屏幕快速閃爍
7.2避免使用blink卷標閃爍屏幕
7.3避免使用marquee卷標移動文字
7.4避免使用動態gif圖片
7.5不要讓網頁每隔一段時間自動更新
7.6不要自動轉移網頁的網址
規范八:確保嵌入式使用者接口具有直接可及性
檢測碼
8.1對由Scripts、Applets及Objects所產生之信息，提供可及性替代方式
規范九:設計裝置獨立網頁
檢測碼
9.1盡量使用客戶端影像地圖替代服務器端影像地圖連結
9.2對所有網頁內容元素，確保有鼠標以外的操作接口
9.3確保事件的啟發不要求一定得使用鼠標
9.4具體指出按下Tab鍵在窗體控件，超級鏈接及對象間移動的順序
9.5對經常使用的超級鏈接，增加快速鍵的操作
9.6對于窗體組件考慮提供鍵盤快速鍵的操作
規范十:使用過渡的解決方案
檢測碼
10.1除非使用者知道將會開啟一個新窗口，不要隨便開啟一個新窗口
10.2如果使用Script語言開啟新窗口或改變目前窗口的網址，要讓使用者能事先知道
10.3確保窗體的控件與控件說明之間的配合很適當
10.4若有以表格直欄格式呈現的網頁文字內容時，提供線性文字替代
10.5在網頁文字輸入區中須有默認值
10.6勿單以空白間隔分開相連之超級鏈接
規范十一:使用國際與國內官方訂定的技術和規范
檢測碼
11.1如果你不能使這個網頁無障礙化，提供另一個相等的無障礙網頁
11.2盡量使用開放性的最新國際標準規范
11.3避免使用過時的HTML語法
11.4允許使用者依照個人喜好設定網頁呈現方式與內容
規范十二:提供內容導引信息
檢測碼
12.1需要定義每個頁框的名稱
12.2如果頁框名稱無法描述頁框中的內容的話，應加上額外敘述
12.3把太長的選單項目群組起來
12.4在窗體控件中，使用fieldset及legend標簽作群組間的區隔
12.5盡可能將網頁內容有相關之元素聚集在一起
12.6在窗體控件上，以label卷標提示信息
規范十三:提供清楚的瀏覽網站機制
檢測碼
13.1設計并確保有意義的超級鏈接說明，便于網頁內容的閱讀
13.2如果需要的話，為每個超級鏈接加上內容描述
13.3指向不同網址的超級鏈接，不可使用相同的超級鏈接說明
13.4使用metadata卷標來記載計算機可以了解運用的網頁信息
13.5為你的網頁加上標題
13.6為你的網站提供網站地圖或整體性的簡介
13.7網頁設計使用清楚且一致的導覽機制
13.8提供網頁導覽連結工具列，以利存取網站導覽結構
13.9能辨別出意義上有群組相關的超級鏈接
13.10若有群組超級鏈接，在群組之前增設一項繞過此區域的超級鏈接
13.11若網站具有搜尋功能，可以設計不同的網頁內容搜尋方式，以提供不同技能與喜好者搜尋選用
13.12在網頁標題、段落、及列表之前，提供辨別訊息以利識別
13.13以metadata標簽來識別網頁文件包含于整體文件內的所在位置
13.14：H313213 避免在網頁上使用ACSII文字藝術
規范十四:確保簡單清楚的網頁內容
檢測碼
14.1網頁內容要使用簡單易懂的文字
14.2使用可及性的圖形促進網頁內容的理解
14.3網頁彼此間設計呈現的風格要一致