無障礙網頁設計的要求

無障礙網站設計對於不同殘障的人士閱讀網站都是非常重要的，在此我們集中討論適用於視障人士的無障礙網頁設計要求。參照這些要求而製作的網站其可讀性能大大提昇。一般而言，無障礙網站設計可分為三個等級：
等級一：必須符合的項目，如果未能做到此等級內的要求，閱讀該網站幾乎是不可能的。
等級二：能使用戶更方便容易地閱讀網站的設計。
等級三：為使用戶更好地閱讀網站而採取的措施。

以下綜合各方對於無障礙網頁設計的意見，簡單列出各等級中的要求。
如果你希望更詳細了解關於這方面的智識，應參考
 http://www.w3.org/TR/WAI-WEBCONTENT/
http://www.webaim.org
http://www.ogcio.gov.hk/eng/knowledge/eaccess_tools.html
等網站。

等級一：
1. 提供等同視像內容的文字內容
在如圖像連結、圖片等用alt或longsesc的HTML tag加入文字描述。
對於圖表除了在上加入簡單文字描述外，也用文字方式表達該圖表的內容。
若網站使用了空白圖像作為版面調整的用途，可用-alt使之在使用屏幕閱讀軟件瀏覽時隱藏，以使網站更簡潔易讀。
為Flash或JavaScript等的內容提供等同的文字內容。

2. 顏色
確保網頁內的文字和底色或圖像有足夠的顏色對比；不使用顏色作為表意方式。要知道你網站是否符合這要求，可使用黑白兩色的顯示嘗試瀏覽網站或使用黑白打印機列印網頁內容進行測試。

3. 多語言的署理
如你網站有提供多種語言供用戶選擇，應將轉換語言的連結放在網站最頂的位置。
如在網頁內容中使用了別的語言，應使用lang註明。
盡量避免使用縮寫，或用abbr等標籤註明。

4. 表格
在HTML表格善用th以標記標題
對於複雜的表格用thead,tfoot,tbody等將內容組合在一起，亦可考慮用幾個表格分開表達或用文字方式續行顯示。

5. 確保網頁在不使用新技術的情況下仍能閱讀
確保在不使用style sheet的情況下，網頁仍然可讀
提供非動態的網頁，並確保內容和動態網頁相同
確保當如Java Script,Applet等關閉時網頁仍然可完全閱讀，如果不可能則提供相應的文字內容

6. 活動的內容
不使用如閃動、捲動、自動更新頁面或移動的物件

等級二：
1. 正確使用標示語言和CSS
使用CSS控制網頁的外觀，例如字體、標題、列表等。
使用分級的標題來表達文件的結構
當有適用的標示語言可用時，不使用圖像顯示文字，如數學符號。

2. 表格
不用表格作排版的用途

3. 使訪客易於了解網站結構及瀏覽
提供如網站地圖、位置路徑列等

4. 彈出視窗
不使用彈出視窗的設計
不在沒有通知的情況下改變視窗

等級三：
1. 表格
為表格提供簡述?(summary)、標題提供縮寫(abbr)

2. 提供樣式選擇
容許用戶選擇顏色配搭、字體大小等

3. 多媒體
為如影片等提供旁述或文字說明

除了以上主要圍繞HTML的設計要點外，如果你網站上使用了Flash，也可到以下網址閱讀有關如何使Flash符合無障礙的要求
http://www.adobe.com/resources/accessibility/flash8/best_practices.html