無障礙及親和力

無障礙網頁:

1.圖片應設alt="圖片介紹"

2.無義意圖片應設alt="";不做說明.使流覽器忽略.alt意在指引方向,如果圖片內有文字取代標題.則圖片需以h1標籤包圍圖片.強跳此圖為標題 .[body背景圖片不必定義alt屬性]

3.影片加上字幕.

4.盡量勿用色彩方塊代表鏈結.操作說明,步驟勿涉及色彩.若要使用色彩請注意明暗色差夠大[於單色螢幕].詳情可見色彩對比分析程式 1.0 (中文)或者線上測試網頁在色盲的眼中如何呈現
.

5.將css移除看是否仍能閱讀.

6.確認在不支援JS的狀況下仍能鏈結.

7.盡可能避用影像地圖,並加上alt,備用文字鏈結.絕對不要使用伺服器端的影像地圖.

8.不要使用閃爍的元素.

9.設定TEB鍵順序.

_________________________________________

親和力:

1.引用外文時.可在任何元件內加上語系.

2.製作跳過導覽列的鏈結.

3.為你的鏈結內加上title="說明",除非你的鏈結命名夠清楚.

4.設定accesskey 快捷鍵.方便無滑鼠之使用者.

5.使用acronym來說明縮寫字.{首字母縮寫字)

更多內容請參照無障礙網頁規範中的14條及90條相關的檢測要點.