最近幫學術單位寫一個系統,WebBase下的系統,都要交案了,才冒出一個新規定,研考會訂出了一無障礙網頁規定,洋洋灑灑九十條,還真的附上他們的檢測軟體,檢測結果需AAA以上才符合標準,他們希望改成符合規定的;經檢測連個A都沒有,國內外著名的世紀師網站更慘,甚至沒一項通過的,反而政府機關一堆宛如迷宮般的網站反而大喇喇的標上無障礙環境......
規範也很奇怪,有些是設計時本來就會注意的,有些反而違背了一些設計概念,使用後台管理方式,很多根本沒有辦法去規範的,這算什麼,扼殺設計自由嗎......

送上規範內容,及檢測軟體,玩玩看吧...
九十條檢測碼
規範一：對於聽覺及視覺的內容要提供相等的替代文字內容
規範二：不要單獨靠色彩來提供特殊資訊
規範三：適當地使用標記語言和樣式表單
規範四：闡明自然語言的使用
規範五：建立編排良好的表格
規範六：確保網頁能在新科技下良好地呈現
規範七：確保使用者能處理時間敏感內容的改變
規範八：確保嵌入式使用者介面具有直接可及性
規範九：設計裝置獨立網頁
規範十：使用過渡的解決方案
規範十一：使用國際與國內官方訂定的技術和規範
規範十二：提供內容導引資訊
規範十三：提供清楚的瀏覽網站機制
規範十四：確保簡單清楚的網頁內容

規範一：對於聽覺及視覺的內容要提供相等的替代文字內容
1.1：H101000 圖片需要加上替代文字說明
1.2：H101001 對於applet提供替代文字說明
1.3：H101002 對於object提供替代文字說明
1.4：H101003 對於表單中的圖形按鍵提供替代文字說明
1.5：H101004 影像地圖區域需要加上替代文字說明
1.6：H101105 當影像地圖使用為上傳按鈕時，每一作用區域必須分別使用不同的按鈕
1.7：H101106 當alt屬性的文字陳述大於150個英文字元時，考慮另外提供文字敘述
1.8：H101007 提供longdesc以外的描述性超連結(如D超連結)，來描述longdesc的內容
1.9：H101108 圖形替代文字陳述不夠清晰時，提供更多的文字描述(如使用longdesc屬性)
1.10：H101109 所有語音檔案必須有文字旁白
1.11：H101210 以可及性的影像來替代ASCII文字藝術
1.12：H101111視訊中的聲音必須提供同步文字型態的旁白
1.13：H101112伺服器端影像地圖中的超連結必須在網頁中有額外對應的文字超連結
1.14：H101213多媒體視覺影像呈現時，必須提供聽覺說明
1.15：H101214多媒體呈現時，必須同步產生相對應替代的語音或文字說明
1.16：H301015客戶端影像地圖中的超連結必須在網頁中有額外對應的可及性超連結
規範二：不要單獨靠色彩來提供特殊資訊
2.1：H102100確保所有藉由顏色所傳達出來的訊息，在沒有顏色後仍然能夠傳達出來
2.2：H202101確保前景顏色與背景顏色彼此呈現明顯的對比

規範三：適當地使用標記語言和樣式表單
3.1：H203200 以實際存在的標記語言(如MathML)呈現網頁內容(如數學方程式)，避免使用圖形影像呈現
3.2：H203001 確定網頁設計文件，有效使用正規的HTML語法
3.3：H203002 在doctype標籤中，使用標準規範的敘述以識別HTML版本類型
3.4：H203203 盡可能使用樣式表單控制網頁排版與內容的呈現
3.5：H203004 要使用相對尺寸(如%)而非絕對尺寸(如像素)
3.6：H203005 適當使用巢狀標題呈現文件結構
3.7：H203106 避免使用header標籤來產生粗體字效果
3.8：H203107 項目符號及編號之標籤(如li、ul)僅可使用於實際網頁內容的項目條列，不可用於編輯格式
3.9：H203108 確保q和blockquote標籤只是用來當引用語而不是用來縮排
3.10：H203209 以q及blockquote標籤來標記引用語
規範四：闡明自然語言的使用
4.1：H104200 明確地指出網頁內容中語言的轉換
4.2：H304201 用abbr及avronym標籤表示網頁中呈現的文字縮寫與簡稱
4.3：H304002 明確指出網頁文字所使用的自然語言
規範五：建立編排良好的表格
5.1：H105100 對於每一個存放資料的表格（不是用來排版），標示出行和列的標題
5.2：H105101 表格中超過二行/列以上的標題，須以結構化的標記確認彼此間的結構與關係
5.3：H205102 在網頁內容呈現設計時，避免以表格做多欄文字的設計
5.4：H205103 若表格只做為版面配置時，勿使用表格之結構標記(如th標籤)作為網頁格式視覺效果
5.5：H305004 表格須提供表格摘要說明(如summary屬性)
5.6：H305105 資料表格須提供標題說明
5.7：H305106 表格行列過長的標題，須提供縮寫或簡稱
規範六：確保網頁能在新科技下良好地呈現
6.1：H106100 使用 CSS 樣式表編排的文件需確保在除去樣式表後仍然能夠閱讀
6.2：H106001 頁框連結必須是HTML檔案
6.3：H106102 使用Script語言需指定不支援Script時的辦法
6.4：H106103 若網頁內的程式物件沒有作用時，確保網頁內容仍然可以傳達
6.5：H206104 若網頁物件使用事件驅動時，確定勿僅使用滑鼠操作
6.6：H206005 使用頁框時要指定不支援頁框時的辦法
規範七：確保使用者能處理時間敏感內容的改變
7.1：H107200 確保網頁設計不會致使螢幕快速閃爍
7.2：H207001 避免使用blink標籤閃爍螢幕
7.3：H207002 避免使用marquee標籤移動文字
7.4：H207103 避免使用動態gif圖片
7.5：H207004 不要讓網頁每隔一段時間自動更新
7.6：H207005 不要自動轉移網頁的網址
規範八：確保嵌入式使用者介面具有直接可及性
8.1：H208100對由Scripts、Applets及Objects所產生之資訊，提供可及性替代方式
規範九：設計裝置獨立網頁
9.1：H109000 盡量使用客戶端影像地圖替代伺服器端影像地圖連結
9.2：H209201 對所有網頁內容元素，確保有滑鼠以外的操作介面
9.3：H209002 確保事件的啟發不要求一定得使用滑鼠
9.4：H309103 具體指出按下Tab鍵在表單控制項，超連結及物件間移動的順序
9.5：H309204 對經常使用的超連結，增加快速鍵的操作
9.6：H309105 對於表單元件考慮提供鍵盤快速鍵的操作

規範十：使用過渡的解決方案
10.1：H210100 除非使用者知道將會開啟一個新視窗，不要隨便開啟一個新視窗
10.2：H210101 如果使用Script語言開啟新視窗或改變目前視窗的網址，要讓使用者能事先知道
10.3：H210102 確保表單的控制項與控制項說明之間的配合很適當
10.4：H310103 若有以表格直欄格式呈現的網頁文字內容時，提供線性文字替代
10.5：H310004 在網頁文字輸入區中須有預設值
10.6：H310005 勿單以空白間隔分開相連之超連結
規範十一：使用國際與國內官方訂定的技術和規範
11.1：H111200 如果你不能使這個網頁無障礙化，提供另一個相等的無障礙網頁
11.2：H211201 儘量使用開放性的最新國際標準規範
11.3：H211202 避免使用過時的HTML語法
11.4：H311203 允許使用者依照個人喜好設定網頁呈現方式與內容
規範十二：提供內容導引資訊
12.1：H112000 需要定義每個頁框的名稱
12.2：H212101 如果頁框名稱無法描述頁框中的內容的話，應加上額外敘述
12.3：H212102 把太長的選單項目群組起來
12.4：H212103 在表單控制項中，使用fieldset及legend標籤作群組間的區隔
12.5：H212204 儘可能將網頁內容有相關之元素聚集在一起
12.6：H212105 在表單控制項上，以label標籤提示資訊
規範十三：提供清楚的瀏覽網站機制
13.1：H213200 設計並確保有意義的超連結說明，便於網頁內容的閱讀
13.2：H213101 如果需要的話，為每個超連結加上內容描述
13.3：H213202 指向不同網址的超連結，不可使用相同的超連結說明
13.4：H213203 使用metadata標籤來記載電腦可以了解運用的網頁資訊
13.5：H213004 為你的網頁加上標題
13.6：H213205 為你的網站提供網站地圖或整體性的簡介
13.7：H213206 網頁設計使用清楚且一致的導覽機制
13.8：H313207 提供網頁導覽連結工具列，以利存取網站導覽結構
13.9：H313208 能辨別出意義上有群組相關的超連結
13.10：H313209 若有群組超連結，在群組之前增設一項繞過此區域的超連結
13.11：H313210 若網站具有搜尋功能，可以設計不同的網頁內容搜尋方式，以提供不同技能與喜好者搜尋選用
13.12：H313211 在網頁標題、段落、及列表之前，提供辨別訊息以利識別
13.13：H313212 以metadata標籤來識別網頁文件包含於整體文件內的所在位置
13.14：H313213 避免在網頁上使用ACSII文字藝術
規範十四：確保簡單清楚的網頁內容
14.1：H114200 網頁內容要使用簡單易懂的文字
14.2：H314201 使用可及性的圖形促進網頁內容的理解
14.3：H314202 網頁彼此間設計呈現的風格要一致

http://enable.nat.gov.tw 考委會無障礙網頁網站