無障礙宣告
資料來源:衛生福利部

無障礙宣告 本網站依無障礙網頁設計原則而建置,網站的主要樣版內容分為三個大區塊:

1)左方導覽連結區、2)右方導覽連結區、3)中間主要內容區。 本網站的便捷鍵﹝Accesskey,也稱為快速鍵﹞設定如下:

  • Alt+L:左方導覽連結區,此區塊列有本網站的主要連結。
  • Alt+R:右方導覽連結區,此區塊列有本網站的主要連結。
  • Alt+C:中間主要內容區,此區塊呈現各網頁的網頁內容。
十四條規範與檢測碼總覽

規範一:對於聽覺及視覺的內容要提供相等的替代文字內容

  • H101000 圖片需要加上替代文字說明
  • H101001 對於applet提供替代文字說明
  • H101002 對於object提供替代文字說明
  • H101003 對於表單中的圖形按鍵提供替代文字說明
  • H101004 影像地圖區域需要加上替代文字說明
  • H101105 當影像地圖使用為上傳按鈕時,每一作用區域必須分別使用不同的按鈕
  • H101106 當alt屬性的文字陳述大於150個英文字元時,考慮另外提供文字敘述
  • H101107 提供longdesc以外的描述性超連結(如D超連結),來描述longdesc的內容
  • H101108 圖形替代文字陳述不夠清晰時,提供更多的文字描述(如使用longdesc屬性)
  • H101109 所有語音檔案必須有文字旁白
  • H101210 以可及性的影像來替代ASCII文字藝術
  • H101111 視訊中的聲音必須提供同步文字型態的旁白
  • H101212 伺服器端影像地圖中的超連結必須在網頁中有額外對應的文字超連結
  • H101213 多媒體視覺影像呈現時,必須提供聽覺說明
  • H101214 多媒體呈現時,必須同步產生相對應替代的語音或文字說明
  • H301215 客戶端影像地圖中的超連結必須在網頁中有額外對應的可及性超連結

規範二:不要單獨靠色彩來提供特殊資訊

  • H102100 確保所有藉由顏色所傳達出來的訊息,在沒有顏色後仍然能夠傳達出來
  • H202201 確保前景顏色與背景顏色彼此呈現明顯的對比

規範三:適當地使用標記語言和樣式表單

  • H203200 以實際存在的標記語言(如MathML)呈現網頁內容(如數學方程式),避免使用圖形影像呈現
  • H203001 確定網頁設計文件,有效使用正規的HTML語法
  • H203102 在doctype標籤中,使用標準規範的敘述以識別HTML版本類型
  • H203203 盡可能使用樣式表單控制網頁排版與內容的呈現
  • H203004 要使用相對尺寸(如%)而非絕對尺寸(如像素)
  • H203105 適當使用巢狀標題呈現文件結構
  • H203106 避免使用header標籤來產生粗體字效果
  • H203107 項目符號及編號之標籤(如li、ul)僅可使用於實際網頁內容的項目條列,不可用於編輯格式
  • H203108 確保q和blockquote標籤只是用來當引用語而不是用來縮排
  • H203209 以q及blockquote標籤來標記引用語

規範四:闡明自然語言的使用

  • H104200 明確地指出網頁內容中語言的轉換
  • H304201 使用abbr及avronym標籤表示網頁中呈現的文字縮寫與簡稱
  • H304202 明確指出網頁文字所使用的自然語言

規範五:建立編排良好的表格

  • H105100 對於每一個存放資料的表格(不是用來排版),標示出行和列的標題
  • H105101 表格中超過二行/列以上的標題,須以結構化的標記確認彼此間的結構與關係
  • H205102 在網頁內容呈現設計時,避免以表格做多欄文字的設計
  • H205103 若表格只做為版面配置時,勿使用表格之結構標記(如th標籤)作為網頁格式視覺效果
  • H305104 表格須提供表格摘要說明(如summary屬性)
  • H305105 資料表格須提供標題說明
  • H305106 表格行列過長的標題,須提供縮寫或簡稱

規範六:確保網頁能在新科技下良好地呈現

  • H106100 使用CSS樣式表編排的文件需確保在除去樣式表後仍然能夠閱讀
  • H106001 頁框來源必須是HTML檔案
  • H106002 使用Script語言需指定不支援Script時的辦法
  • H106103 若網頁內的程式物件沒有作用時,確保網頁內容仍然可以傳達
  • H206104 若網頁物件使用事件驅動時,確定勿僅使用滑鼠操作
  • H206005 使用頁框時要指定不支援頁框時的辦法

規範七:確保使用者能處理時間敏感內容的改變

  • H107200 確保網頁設計不會致使螢幕快速閃爍
  • H207001 避免使用blink標籤閃爍螢幕
  • H207002 避免使用marquee標籤移動文字
  • H207103 避免使用動態gif圖片
  • H207004 不要讓網頁每隔一段時間自動更新
  • H207005 不要自動轉移網頁的網址

規範八:確保嵌入式使用者介面具有直接可及性

H208100 對由Scripts、Applets及Objects所產生之資訊,提供可及性替代方式

規範九:設計裝置獨立網頁

  • H109100 盡量使用客戶端影像地圖替代伺服器端影像地圖連結
  • H209201 對所有網頁內容元素,確保有滑鼠以外的操作介面
  • H209002 確保事件的啟發不要求一定得使用滑鼠
  • H309103 具體指出按下Tab鍵在表單控制項,超連結及物件間移動的順序
  • H309204 對經常使用的超連結,增加快速鍵的操作
  • H309105 對於表單元件考慮提供鍵盤快速鍵的操作

規範十:使用過渡的解決方案

  • H210100 除非使用者知道將會開啟一個新視窗,不要隨便開啟一個新視窗
  • H210101 如果使用Script語言開啟新視窗或改變目前視窗的網址,要讓使用者能事先知道
  • H210102 確保表單的控制項與控制項說明之間的配合很適當
  • H310103 若有以表格直欄格式呈現的網頁文字內容時,提供線性文字替代
  • H310004 在網頁文字輸入區中須有預設值
  • H310005 勿單以空白間隔分開相連之超連結

規範十一:使用國際與國內官方訂定的技術和規範

  • H111200 如果你不能使這個網頁無障礙化,提供另一個相等的無障礙網頁
  • H211201 儘量使用開放性的最新國際標準規範
  • H211202 避免使用過時的HTML語法
  • H311203 允許使用者依照個人喜好設定網頁呈現方式與內容

規範十二:提供內容導引資訊

  • H112000 需要定義每個頁框的名稱
  • H212101 如果頁框名稱不夠描述頁框中的內容的話,多加上額外敘述
  • H212102 把太長的選單項目群組起來
  • H212103 在表單控制項中,使用fieldset及legend標籤作群組間的區隔
  • H212204 儘可能將網頁內容有相關之元素聚集在一起
  • H212105 在表單控制項上,以label標籤提示資訊

規範十三:提供清楚的瀏覽網站機制

  • H213200 設計並確保有意義的超連結說明,便於網頁內容的閱讀
  • H213101 如果需要的話,為每個超連結加上內容描述
  • H213202 指向不同網址的超連結,不可使用相同的超連結說明
  • H213203 使用metadata標籤來記載電腦可以了解運用的網頁資訊
  • H213004 為你的網頁加上標
  • H213205 為你的網站提供網站地圖或整體性的簡介
  • H213206 網頁設計使用清楚且一致的導覽機制
  • H313207 提供網頁導覽連結工具列,以利存取網站導覽結構
  • H313208 能辨別出意義上有群組相關的超連結
  • H313209 若有群組超連結,在群組之前增設一項繞過此區域的超連結
  • H313210 若網站具有搜尋功能,可以設計不同的網頁內容搜尋方式,以提供不同技能與喜好者搜尋選用
  • H313211 在網頁標題、段落、及列表之前,提供辨別訊息以利識別
  • H313212 以metadata標籤來識別網頁文件包含於整體文件內的所在位置
  • H313213 避免在網頁上使用ACSII文字藝術

規範十四:確保簡單清楚的網頁內容

  • H114200 網頁內容要使用簡單易懂的文字
  • H314201 使用可及性的圖形促進網頁內容的理解
  • H314202 網頁彼此間設計呈現的風格要一致