1、無(wú)障礙網(wǎng)頁(yè)設(shè)計(jì)是什么? (符合標(biāo)準(zhǔn)的標(biāo)記語(yǔ)言)
無(wú)障礙網(wǎng)頁(yè)設(shè)計(jì)目的主要是將網(wǎng)頁(yè)內(nèi)容調(diào)整為適合給視覺(jué)障礙人士閱讀的網(wǎng)頁(yè)，除了滿足特殊的弱勢(shì)族群于視覺(jué)、聽覺(jué)障礙人士之外也改善了各大瀏覽器的顯示正確性，并且大幅改善使用鍵盤操作閱讀網(wǎng)頁(yè)的能力，可讓網(wǎng)頁(yè)的操作更加的友善化(尤其對(duì)于視覺(jué)障礙者)。
無(wú)障礙網(wǎng)頁(yè)設(shè)計(jì)規(guī)范辦法是W3C協(xié)會(huì)之.WAI組織所訂定無(wú)障礙網(wǎng)頁(yè)內(nèi)容標(biāo)準(zhǔn)相關(guān)規(guī)范，并且參照臺(tái)灣無(wú)障礙網(wǎng)絡(luò)空間的相關(guān)政策及目標(biāo)，配合國(guó)內(nèi)在身心障礙者保護(hù)等相關(guān)措施，由行政院研考會(huì)所訂定的「無(wú)障礙網(wǎng)頁(yè)開發(fā)規(guī)范」。其中包含.無(wú)障礙十四條規(guī)范以及.無(wú)障礙九十條的檢測(cè)要點(diǎn)，這些要點(diǎn)并可歸類為三加一個(gè)等級(jí)，顯示網(wǎng)站無(wú)障礙空間的影響程度。鼓勵(lì)政府機(jī)關(guān)及民間網(wǎng)站發(fā)展出障礙者可使用的網(wǎng)站。
2、轉(zhuǎn)換無(wú)障礙網(wǎng)頁(yè)的好處有哪些 (網(wǎng)頁(yè)瀏覽無(wú)障礙)
- 運(yùn)用國(guó)際規(guī)范將網(wǎng)頁(yè)設(shè)計(jì)成為視障人士更容易取得的網(wǎng)頁(yè)數(shù)據(jù)。
- 符合國(guó)際標(biāo)準(zhǔn)的網(wǎng)頁(yè)設(shè)計(jì)，可以讓更多網(wǎng)頁(yè)瀏覽器可順利閱讀數(shù)據(jù)。
- 更有善化鍵盤使用操作，讓使用者可以使用鍵盤替代鼠標(biāo)點(diǎn)閱網(wǎng)頁(yè)。
- 可符合國(guó)際的網(wǎng)頁(yè)標(biāo)準(zhǔn)，提升網(wǎng)站的國(guó)際形象及內(nèi)容的可及性。
- 對(duì)于搜尋引擎查尋結(jié)果會(huì)有更好的索引內(nèi)容支持。
- 對(duì)于未來(lái)的網(wǎng)頁(yè)技術(shù)發(fā)展有更好的兼容性。
無(wú)障礙十四條規(guī)范
規(guī)范一：對(duì)于聽覺(jué)及視覺(jué)的內(nèi)容要提供相等的替代文字內(nèi)容
網(wǎng)頁(yè)開發(fā)者在網(wǎng)頁(yè)中遇到非文字的聽覺(jué)或視覺(jué)內(nèi)容時(shí)，如果能同時(shí)提供同等內(nèi)容的替代文字，將可使聽覺(jué)障礙或視覺(jué)障礙者能夠無(wú)礙地瀏覽和獲取這些信息內(nèi)容。
視覺(jué)的內(nèi)容包括圖像、圖表、動(dòng)畫等，而聽覺(jué)的內(nèi)容則包括音樂(lè)、語(yǔ)言和各種音訊。本規(guī)范所指的同等內(nèi)容是指能描述視覺(jué)或聽覺(jué)內(nèi)容的一段文字?jǐn)⑹�。譬如一個(gè)連接到下一頁(yè)的向右箭頭的圖像，「下一頁(yè)」是適當(dāng)?shù)奶娲晕淖郑黄┤缫粋�(gè)煙火的動(dòng)畫，「有煙火聲效的煙火場(chǎng)景動(dòng)畫」，則是適當(dāng)?shù)奶娲曈X(jué)與聽覺(jué)的內(nèi)容。
這些替代文字在網(wǎng)頁(yè)中所帶給我們的方便性與好處是因?yàn)檎Z(yǔ)音合成器與點(diǎn)字顯示器等技術(shù)的成熟。網(wǎng)頁(yè)信息可藉由這兩項(xiàng)技術(shù)，讓非文字內(nèi)容得以讓視覺(jué)障礙者用聽的或觸摸的方式了解其信息內(nèi)容；對(duì)于一些有閱讀困難的人（經(jīng)常伴隨著認(rèn)知障礙、學(xué)習(xí)障礙、和耳聾）的人來(lái)說(shuō)，要了解這些非文字的內(nèi)容，可經(jīng)由語(yǔ)音合成器來(lái)朗讀替代文字，將有極重要的幫助；替代文字的顯示不但可以符合聽障者的需求，對(duì)于非身心障礙的一般網(wǎng)頁(yè)瀏覽者也是有額外的幫助。
規(guī)范二：不要單獨(dú)靠色彩來(lái)提供特殊信息
對(duì)許多人而言，顏色本身有它的內(nèi)涵，譬如我們習(xí)慣用紅色來(lái)表示重要的信息，但是在非彩色屏幕環(huán)境下或?qū)︻伾孀R(shí)能力有障礙的人而言，原本顏色所傳達(dá)的訊息可能會(huì)散失或受損，網(wǎng)頁(yè)內(nèi)容的傳達(dá)將達(dá)不到可及性要求。譬如 當(dāng)前景和背景 在色澤上太接近時(shí)，有的人可能無(wú)法分辨；譬如不同物品的敘述用不同顏色來(lái)代表時(shí)，有的色盲者可能也無(wú)法分辨。
規(guī)范三：適當(dāng)?shù)厥褂脴?biāo)記語(yǔ)言和樣式窗體
在一般的網(wǎng)頁(yè)標(biāo)記語(yǔ)言中，標(biāo)記有分作結(jié)構(gòu)標(biāo)記（ structural markup ）與呈現(xiàn)標(biāo)記（ presentation markup ）兩種，兩者在內(nèi)涵上意義完全不同，在呈現(xiàn)效果上也有不同。 例如表格卷標(biāo)、窗體卷標(biāo)、標(biāo)題卷標(biāo)、段落卷標(biāo)等都是 結(jié)構(gòu)標(biāo)記；粗體字 標(biāo)簽 、斜體字 標(biāo)簽 、換行 卷標(biāo)、保留文字編排卷標(biāo)等都是呈現(xiàn)標(biāo)記 。網(wǎng)頁(yè)設(shè)計(jì)者使用標(biāo)記語(yǔ)言時(shí)，須嚴(yán)格遵守此標(biāo)記的原本設(shè)計(jì)的目的，以避免身心障礙者在瀏覽網(wǎng)頁(yè)時(shí)所使用的特殊軟件解讀這些標(biāo)記時(shí)產(chǎn)生誤解。 例 如非表格信息使用 表格卷標(biāo) 來(lái)產(chǎn)生呈現(xiàn)編排效果、如使用 標(biāo)題卷標(biāo) 來(lái)產(chǎn)生大字體的效果、如使用 保留文字編排卷標(biāo) 來(lái)產(chǎn)生類似表格的編排呈現(xiàn)效果，都是一些常見(jiàn)的錯(cuò)誤使用范例。
規(guī)范四：闡明自然語(yǔ)言的使用
本條規(guī)范所指的自然語(yǔ)言是指中文、英文、日文或韓文等語(yǔ)言。網(wǎng)頁(yè)設(shè)計(jì)者應(yīng)該在文件里標(biāo)示自然語(yǔ)言使用的變化，以方便語(yǔ)音合成器和點(diǎn)字輸出機(jī)來(lái)處理，以自動(dòng)地將其轉(zhuǎn)換成新的語(yǔ)言，讓不同語(yǔ)言的使用者能順利讀取這份文件。網(wǎng)頁(yè)設(shè)計(jì)者也應(yīng)該定義文件內(nèi)容的主要自然語(yǔ)言；遇到縮寫和簡(jiǎn)稱，應(yīng)提供進(jìn)一步的說(shuō)明，以免造成語(yǔ)音合成機(jī)或點(diǎn)字輸出機(jī)的誤判解讀。而且這些自然語(yǔ)言的標(biāo)記可以讓搜尋引擎藉由這些標(biāo)記來(lái)精確找出具有關(guān)鍵詞的相關(guān)文件。對(duì)學(xué)習(xí)障礙、認(rèn)知障礙、或聽覺(jué)障礙者而言，自然語(yǔ)言標(biāo)記也改進(jìn)了網(wǎng)頁(yè)的可讀性。
規(guī)范五：建立編排良好的表格
表格是網(wǎng)頁(yè)信息的一種特殊數(shù)據(jù)架構(gòu)，其包括的行、列、和數(shù)據(jù)格都有特別的信息涵義，因此瀏覽器在碰到網(wǎng)頁(yè)的表格卷標(biāo)時(shí)，都提供可以適當(dāng)呈現(xiàn)表格的相關(guān)功能。但是許多人在網(wǎng)頁(yè)開發(fā)時(shí)，表格呈現(xiàn)在各行和各列的整齊劃一特性讓許多人非常喜歡用來(lái)做網(wǎng)頁(yè)信息的呈現(xiàn)排版功能。如此使用對(duì)于一般瀏覽器使用者而言，并不會(huì)造成任何問(wèn)題，而且網(wǎng)頁(yè)呈現(xiàn)也整齊美觀。但是這種處理方式對(duì)于使用 屏幕閱讀機(jī)或點(diǎn)字顯示器等各種特殊輸出裝置的視障人士而言，非表格結(jié)構(gòu)的信息以表格 卷標(biāo)來(lái)處理時(shí)， 網(wǎng)頁(yè)內(nèi)容會(huì)被切割成順序錯(cuò)亂且無(wú)法理解的信息。
因此 網(wǎng)頁(yè)開發(fā)者應(yīng)該避免使用表格卷標(biāo)做單純排版功能。在使用表格來(lái)呈現(xiàn)信息時(shí)，應(yīng)該確實(shí)設(shè)計(jì)表格應(yīng)有結(jié)構(gòu)，表格的行和列以及表格本身應(yīng)該利用適當(dāng)卷標(biāo)來(lái)標(biāo)明行標(biāo)題、列標(biāo)題、以及表格標(biāo)題。
規(guī)范六：確保網(wǎng)頁(yè)能在新科技下良好地呈現(xiàn)
因特網(wǎng)的技術(shù)日新月異，網(wǎng)頁(yè)開發(fā)者往往在 設(shè)計(jì)網(wǎng)頁(yè)時(shí)， 會(huì)使用 新科技來(lái)強(qiáng)化其網(wǎng)頁(yè)運(yùn)作功能，因而忽略掉使用舊瀏覽器來(lái)處理信息的人士可能發(fā)生的種種問(wèn)題。因此 網(wǎng)頁(yè)開發(fā)者應(yīng)該要確認(rèn)在較新的科技不支持或關(guān)掉的時(shí)候，網(wǎng)頁(yè)仍然具有可及性，仍然可以讓使用者處理網(wǎng)頁(yè)內(nèi)的信息。
規(guī)范七：確保使用者能處理時(shí)間敏感內(nèi)容的改變
在網(wǎng)頁(yè)信息中所謂時(shí)間敏感內(nèi)容是指網(wǎng)頁(yè)顯示的信息可能會(huì)以可移動(dòng)、閃爍、或 滾動(dòng)條等方式來(lái) 呈現(xiàn)或自動(dòng)更新信息內(nèi)容。因?yàn)?某些有 認(rèn)知障礙、神經(jīng)疾病人士在 閱讀快速移動(dòng)的文字或 閃爍的 圖形會(huì)造成其注意力分散或者身體不適的現(xiàn)象；視覺(jué)障礙者所使用 的屏幕閱讀機(jī)的功能可能 無(wú)法閱讀 滾動(dòng)條文字； 肢體障礙者可能因?yàn)橹荒茏鲂^(qū)域的操作，而不能和移動(dòng)中的信息內(nèi)容做互動(dòng)操作。為了顧及以上人士使用網(wǎng)頁(yè)的需求，網(wǎng)頁(yè)開發(fā)者應(yīng)該小心使用這些 時(shí)間敏感內(nèi)容的操作設(shè)計(jì)，要確定瀏覽器所提供的控制機(jī)制可讓身心障礙人士處理這些信息，否則就應(yīng)該考慮提供這些數(shù)據(jù)對(duì)象或網(wǎng)頁(yè)的替代方案。
規(guī)范八：確保嵌入式使用者接口具有直接可及性
網(wǎng)頁(yè)在設(shè)計(jì)使用者接口的操作時(shí)，必須確認(rèn)其是否遵循了可及性設(shè)計(jì)的原則，亦即使用者接口的功能和操作使用是否有考慮到網(wǎng)頁(yè)使用者可能無(wú)法使用鼠標(biāo)操作，因此網(wǎng)頁(yè)的使用者接口的操作設(shè)計(jì)應(yīng)該具有鍵盤可操作化、或者可自行發(fā)聲等特性。
當(dāng)一個(gè)網(wǎng)頁(yè)內(nèi)的嵌入式對(duì)象擁有它的自有的接口時(shí)，這接口 必須是具有可及性的設(shè)計(jì)。假如 嵌入對(duì)象的接口無(wú)法做到可及性設(shè)計(jì)，就必須提供一個(gè)可及性的替代解決方案。
規(guī)范九：設(shè)計(jì)裝置獨(dú)立網(wǎng)頁(yè)
裝置獨(dú)立網(wǎng)頁(yè) 所代表的意思是指網(wǎng)頁(yè)使用者可以使用他 們 偏愛(ài)的輸入（或輸出）裝置 — 如鼠標(biāo)、鍵盤、聲音輸入、頭杖、或者其它輸入 裝置 ─ 來(lái)和其使用的瀏覽器互動(dòng) 。 舉例來(lái)說(shuō)，如果一個(gè)網(wǎng)頁(yè)內(nèi)輸入功能的控制只能以鼠標(biāo)或其它的點(diǎn)選設(shè)備來(lái)啟動(dòng)，那么對(duì)那些無(wú)法使用一般瀏覽器而必須以聲音輸入、或者以鍵盤或其它非點(diǎn)選設(shè)備來(lái)使用網(wǎng)頁(yè)的人而言，將會(huì)無(wú)法使用這個(gè)網(wǎng)頁(yè)。
網(wǎng)頁(yè)開發(fā)者在 使用影像地圖或當(dāng)成連結(jié)使用的影像時(shí)，所使用的替代文字說(shuō)明部份，可以讓使用者在不必使用 鼠標(biāo)等 點(diǎn)選設(shè)備就能與他們互動(dòng)。此部份的說(shuō)明也可參考規(guī)范 一。
規(guī)范十：使用過(guò)渡的解決方案
本條規(guī)范所指的 「 過(guò)渡的 」是指網(wǎng)頁(yè)語(yǔ)言內(nèi)有新技術(shù)出現(xiàn)時(shí)，可能因?yàn)閺S商發(fā)展的瀏覽器所實(shí)作的功能還不完備，無(wú)法充分提供可及性考慮時(shí)，網(wǎng)頁(yè)開發(fā)者在使用此新技術(shù)時(shí)，應(yīng)該額外設(shè)計(jì)和提供 可及性的解決方案，使運(yùn)用輔助科技和較舊版的瀏覽器仍能正確的操作。 舉例來(lái)說(shuō)， 較舊版的瀏覽器不允許 使用者瀏覽至空的編輯對(duì)話框 ( empty edit boxes) 。 較老舊的屏幕閱讀器在閱讀連續(xù)的一串連結(jié)時(shí)，會(huì)將其視為只有一個(gè)連結(jié)。這些網(wǎng)頁(yè)內(nèi)功能強(qiáng)大的主動(dòng)組件因而變成存取困難或根本無(wú)法存取。同樣地，網(wǎng)頁(yè)內(nèi)的超級(jí)鏈接操作產(chǎn)生改變現(xiàn)有的窗口或突然出現(xiàn)新窗口的動(dòng)作時(shí)，對(duì)于無(wú)法看到這些狀況的使用者來(lái)說(shuō)，也可能會(huì)是非常迷惑的。
這些 過(guò)渡的可及性的解決方案，并非是永久需要，可能在 廠商發(fā)展的新版瀏覽器所實(shí)作的功能完備時(shí)，即可提供新技術(shù)在訂定發(fā)展之時(shí)所規(guī)劃的可及性功能。因此一旦網(wǎng)頁(yè)科技已經(jīng)合并了預(yù)期的特性或能力，可能 這些 檢測(cè)碼在未來(lái)就不是必要的。
規(guī)范十一：使用國(guó)際與國(guó)內(nèi)官方訂定的技術(shù)和規(guī)范
網(wǎng)頁(yè)開發(fā)者在設(shè)計(jì)網(wǎng)頁(yè)時(shí)，應(yīng)該盡量使用廣泛被采用的 國(guó)際與國(guó)內(nèi)官方訂定的技術(shù)和規(guī)范，避免使用單一廠商開發(fā)的特殊網(wǎng)頁(yè)技術(shù)。因?yàn)樵S多國(guó)際訂定的技術(shù)和規(guī)范會(huì)考慮技術(shù)的開放性和各系統(tǒng)的互通性，而且也往往有比較多的可及性考慮。例如 W3C協(xié)會(huì)訂定的相關(guān)語(yǔ)言和技術(shù)在設(shè)計(jì)階段即與相關(guān)企業(yè)一起考慮可及性的問(wèn)題。若目前使用這些語(yǔ)言和技術(shù)仍無(wú)法提供足夠的可及性功能，也比較能夠提供替代的可及性方案。
目前網(wǎng)頁(yè)技術(shù)還有許多非 W3C協(xié)會(huì)訂定的格式（如：PDF、Shockwave等等）需要以外掛程序或其它的應(yīng)用軟件來(lái)觀看。這些格式經(jīng)常不能以標(biāo)準(zhǔn)的 瀏覽器以及其它現(xiàn)有的各種輔助科技來(lái)觀看或?yàn)g覽。避免使用非 W3C和非標(biāo)準(zhǔn)化特性的網(wǎng)頁(yè)信息組件（包括專屬組件和特殊屬性）將使網(wǎng)頁(yè)更能適應(yīng)使用各種類型的軟硬件和使用者。而且在碰到必須使用不可及的技術(shù)和替代方案時(shí)，也比較容易設(shè)計(jì)出符合可及性的替代網(wǎng)頁(yè)。
網(wǎng)頁(yè)開發(fā)者應(yīng)該注意到，在做文件格式的轉(zhuǎn)換時(shí)，例如，從 PDF、 PostScript 、 RTF等格式 轉(zhuǎn)換成為 W3C的標(biāo)記語(yǔ)言（譬如HTML、XML等）并不保證一定能做出一份可及的文件。因此，在轉(zhuǎn)換手續(xù)之后必須驗(yàn)證每個(gè)網(wǎng)頁(yè)的可及性和可用性。假如網(wǎng)頁(yè)未能完全轉(zhuǎn)換時(shí)，就應(yīng)該要持續(xù)改進(jìn)該網(wǎng)頁(yè)以盡量接近它原本的表現(xiàn)方式，或者是另外提供一個(gè)HTML或普通文字版本的網(wǎng)頁(yè)。
規(guī)范十二：提供內(nèi)容導(dǎo)引信息
網(wǎng)頁(yè)在處理內(nèi)容導(dǎo)引信息之時(shí)，應(yīng)提供上下文 (context)和定向(orientation)信息來(lái)幫助使用者了解復(fù)雜的網(wǎng)頁(yè)架構(gòu)或相關(guān)組件。把組件分組和提供有關(guān)組件之間的脈絡(luò)關(guān)系對(duì)所有使用者都是有用的。網(wǎng)頁(yè)開發(fā)者應(yīng)該要注意到一個(gè)網(wǎng)站內(nèi)網(wǎng)頁(yè)各部分之間的復(fù)雜關(guān)系，對(duì)于有認(rèn)知障礙的和有視覺(jué)障礙的人要做解讀可能會(huì)相當(dāng)困難的。因此應(yīng)該要考慮他們的困難，提供詳細(xì)的內(nèi)容導(dǎo)引信息。
規(guī)范十三：提供清楚的瀏覽網(wǎng)站機(jī)制
一個(gè)網(wǎng)站具有清楚和一致的瀏覽機(jī)制對(duì)于認(rèn)知障礙或視覺(jué)障礙者是非常重要的。這種規(guī)劃考慮不僅可讓身心障礙者獲益，而且可讓所有使用者在使用網(wǎng)站信息時(shí)不會(huì)迷失。因此網(wǎng)頁(yè)開發(fā)者可以規(guī)劃各種 引導(dǎo) 信息、瀏覽棒、網(wǎng)站地圖等等，以提供清楚和一致的瀏覽機(jī)制 。如此可 增進(jìn)使用者在網(wǎng)站上快速而精確地找到特定信息。
規(guī)范十四：確保簡(jiǎn)單清楚的網(wǎng)頁(yè)內(nèi)容
網(wǎng)頁(yè)開發(fā)者應(yīng)確認(rèn)文件的內(nèi)容和用詞是清楚和簡(jiǎn)易的，讓使用者可以更容易地理解網(wǎng)頁(yè)內(nèi)容。使用清楚和簡(jiǎn)易的語(yǔ)言可促進(jìn)有效的溝通。對(duì)認(rèn)知或?qū)W習(xí)障礙的人而言讀取或理解正式或官方用詞的文字書面信息，可能是困難的。使用清楚和簡(jiǎn)易的語(yǔ)言也可使那些母語(yǔ)與你不同的人受益，這包括那些主要以手語(yǔ)溝通的人。 因此網(wǎng)頁(yè)開發(fā)者應(yīng)該采用一致性的網(wǎng)頁(yè)版面、可明了辨識(shí)的圖表、和容易了解的語(yǔ)言和用詞，這將讓所有的使用者受益，特別是對(duì)認(rèn)知障礙和閱讀困難的人有幫助。然而，仍然應(yīng)該要確認(rèn)網(wǎng)頁(yè)內(nèi)的各個(gè)圖像應(yīng)擁有替代文字說(shuō)明以提供給全盲、弱視或任何無(wú)法觀看圖片的人來(lái)使用。相關(guān)說(shuō)明可 參考規(guī)范一。
無(wú)障礙九十條的檢測(cè)要點(diǎn)
規(guī)范一：對(duì)于聽覺(jué)及視覺(jué)的內(nèi)容要提供相等的替代文字內(nèi)容
1.1：圖片需要加上替代文字說(shuō)明
1.2：對(duì)于applet提供替代文字說(shuō)明
1.3：對(duì)于object提供替代文字說(shuō)明
1.4：對(duì)于窗體中的圖形按鍵提供替代文字說(shuō)明
1.5：影像地圖區(qū)域需要加上替代文字說(shuō)明
1.6：當(dāng)影像地圖使用為上傳按鈕時(shí)，每一作用區(qū)域必須分別使用不同的按鈕
1.7：當(dāng)alt屬性的文字陳述大于150個(gè)英文字符時(shí)，考慮另外提供文字?jǐn)⑹?
1.8：提供longdesc以外的描述性超級(jí)鏈接(如D超級(jí)鏈接)，來(lái)描述longdesc的內(nèi)容
1.9：圖形替代文字陳述不夠清晰時(shí)，提供文字描述(如使用longdesc屬性)
1.10：所有語(yǔ)音檔案必須有文字旁白
1.11：以可及性的影像來(lái)替代ASCII文字藝術(shù)
1.12：視訊中的聲音必須提供同步文字型態(tài)的旁白
1.13：服務(wù)器端影像地圖中的超級(jí)鏈接必須在網(wǎng)頁(yè)中有額外對(duì)應(yīng)的文字超級(jí)鏈接
1.14：多媒體視覺(jué)影像呈現(xiàn)時(shí)，必須提供聽覺(jué)說(shuō)明
1.15：多媒體呈現(xiàn)時(shí)，必須同步產(chǎn)生相對(duì)應(yīng)替代的語(yǔ)音或文字說(shuō)明
1.16：客戶端影像地圖中的超級(jí)鏈接必須在網(wǎng)頁(yè)中有額外對(duì)應(yīng)的可及性超級(jí)鏈接
規(guī)范二：不要單獨(dú)靠色彩來(lái)提供特殊信息
2.1：確保所有藉由顏色所傳達(dá)出來(lái)的訊息，在沒(méi)有顏色后仍然能夠傳達(dá)出來(lái)
2.2：確保前景顏色與背景顏色彼此呈現(xiàn)明顯的對(duì)比
規(guī)范三：適當(dāng)?shù)厥褂脴?biāo)記語(yǔ)言和樣式窗體
3.1：以實(shí)際存在的標(biāo)記語(yǔ)言(如MathML)呈現(xiàn)網(wǎng)頁(yè)內(nèi)容(如數(shù)學(xué)方程式)，避免使用圖形
3.2：確定網(wǎng)頁(yè)設(shè)計(jì)文件，有效使用正規(guī)的HTML語(yǔ)法
3.3：在doctype標(biāo)簽中，使用標(biāo)準(zhǔn)規(guī)范的敘述以識(shí)別HTML版本類型
3.4：盡可能使用樣式窗體控制網(wǎng)頁(yè)排版與內(nèi)容的呈現(xiàn)
3.5：要使用相對(duì)尺寸(如%)而非絕對(duì)尺寸(如像素)
3.6：適當(dāng)使用巢狀標(biāo)題呈現(xiàn)文件結(jié)構(gòu)
3.7：避免使用header標(biāo)簽來(lái)產(chǎn)生粗體字效果
3.8：項(xiàng)目符號(hào)及編號(hào)之卷標(biāo)(如li、ul)僅可使用于實(shí)際網(wǎng)頁(yè)內(nèi)容的項(xiàng)目條列，不可用
3.9：確保q和blockquote標(biāo)簽只是用來(lái)當(dāng)引用語(yǔ)而不是用來(lái)縮排
3.10：以q及blockquote卷標(biāo)來(lái)標(biāo)記引用語(yǔ)
規(guī)范四：闡明自然語(yǔ)言的使用
4.1：明確地指出網(wǎng)頁(yè)內(nèi)容中語(yǔ)言的轉(zhuǎn)換
4.2：用abbr及acronym卷標(biāo)表示網(wǎng)頁(yè)中呈現(xiàn)的文字縮寫與簡(jiǎn)稱
4.3：明確指出網(wǎng)頁(yè)文字所使用的自然語(yǔ)言
規(guī)范五：建立編排良好的表格
5.1：對(duì)于每一個(gè)存放數(shù)據(jù)的表格（不是用來(lái)排版），標(biāo)示出行和列的標(biāo)題
5.2：表格中超過(guò)二行/列以上的標(biāo)題，須以結(jié)構(gòu)化確認(rèn)彼此間的結(jié)構(gòu)與關(guān)系
5.3：在網(wǎng)頁(yè)內(nèi)容呈現(xiàn)設(shè)計(jì)時(shí)，避免以表格做多欄文字的設(shè)計(jì)
5.4：若表格只做為版面配置時(shí)，勿使用表格之結(jié)構(gòu)標(biāo)記(如th卷標(biāo))作為網(wǎng)頁(yè)格式視覺(jué)效果
5.5：表格須提供表格摘要說(shuō)明(如summary屬性)
5.6：數(shù)據(jù)表格須提供標(biāo)題說(shuō)明
5.7：表格行列過(guò)長(zhǎng)的標(biāo)題，須提供縮寫或簡(jiǎn)稱
規(guī)范六：確保網(wǎng)頁(yè)能在新科技下良好地呈現(xiàn)
6.1：使用 CSS 樣式表編排的文件需確保在除去樣式表后仍然能夠閱讀
6.2：頁(yè)框連結(jié)必須是HTML檔案
6.3：使用Script語(yǔ)言需指定不支持Script時(shí)的辦法
6.4：若網(wǎng)頁(yè)內(nèi)的程序?qū)ο鬀](méi)有作用時(shí)，確保網(wǎng)頁(yè)內(nèi)容仍然可以傳達(dá)
6.5：若網(wǎng)頁(yè)對(duì)象使用事件驅(qū)動(dòng)時(shí)，確定勿僅使用鼠標(biāo)操作
6.6：使用頁(yè)框時(shí)要指定不支持頁(yè)框時(shí)的辦法
規(guī)范七：確保使用者能處理時(shí)間敏感內(nèi)容的改變
7.1：確保網(wǎng)頁(yè)設(shè)計(jì)不會(huì)致使屏幕快速閃爍
7.2：避免使用blink卷標(biāo)閃爍屏幕
7.3：避免使用marquee卷標(biāo)移動(dòng)文字
7.4：避免使用動(dòng)態(tài)gif圖片
7.5：不要讓網(wǎng)頁(yè)每隔一段時(shí)間自動(dòng)更新
7.6：不要自動(dòng)轉(zhuǎn)移網(wǎng)頁(yè)的網(wǎng)址
規(guī)范八：確保嵌入式使用者接口具有直接可及性
8.1：對(duì)由Scripts、Applets及Objects所產(chǎn)生之信息，提供可及性替代方式
規(guī)范九：設(shè)計(jì)裝置獨(dú)立網(wǎng)頁(yè)
9.1：盡量使用客戶端影像地圖替代服務(wù)器端影像地圖連結(jié)
9.2：對(duì)所有網(wǎng)頁(yè)內(nèi)容元素，確保有鼠標(biāo)以外的操作接口
9.3：確保事件的啟發(fā)不要求一定得使用鼠標(biāo)
9.4：具體指出按下Tab鍵在窗體控件，超級(jí)鏈接及對(duì)象間移動(dòng)的順序
9.5：對(duì)經(jīng)常使用的超級(jí)鏈接，增加快速鍵的操作
9.6：對(duì)于窗體組件考慮提供鍵盤快速鍵的操作
規(guī)范十：使用過(guò)渡的解決方案
10.1：除非使用者知道將會(huì)開啟一個(gè)新窗口，不要隨便開啟一個(gè)新窗口
10.2：如果使用Script語(yǔ)言開啟新窗口或改變目前窗口的網(wǎng)址，要讓使用者能事先知道
10.3：確保窗體的控件與控件說(shuō)明之間的配合很適當(dāng)
10.4：若有以表格直欄格式呈現(xiàn)的網(wǎng)頁(yè)文字內(nèi)容時(shí)，提供線性文字替代
10.5：在網(wǎng)頁(yè)文字輸入?yún)^(qū)中須有默認(rèn)值
10.6：勿單以空白間隔分開相連之超級(jí)鏈接
規(guī)范十一：使用國(guó)際與國(guó)內(nèi)官方訂定的技術(shù)和規(guī)范
11.1：如果你不能使這個(gè)網(wǎng)頁(yè)無(wú)障礙化，提供另一個(gè)相等的無(wú)障礙網(wǎng)頁(yè)
11.2：盡量使用開放性的最新國(guó)際標(biāo)準(zhǔn)規(guī)范
11.3：避免使用過(guò)時(shí)的HTML語(yǔ)法
11.4：允許使用者依照個(gè)人喜好設(shè)定網(wǎng)頁(yè)呈現(xiàn)方式與內(nèi)容
規(guī)范十二：提供內(nèi)容導(dǎo)引信息
12.1：需要定義每個(gè)頁(yè)框的名稱
12.2：如果頁(yè)框名稱無(wú)法描述頁(yè)框中的內(nèi)容的話，應(yīng)加上額外敘述
12.3：把太長(zhǎng)的選單項(xiàng)目群組起來(lái)
12.4：在窗體控件中，使用fieldset及l(fā)egend標(biāo)簽作群組間的區(qū)隔
12.5：盡可能將網(wǎng)頁(yè)內(nèi)容有相關(guān)之元素聚集在一起
12.6：在窗體控件上，以label卷標(biāo)提示信息
規(guī)范十三：提供清楚的瀏覽網(wǎng)站機(jī)制
13.1：設(shè)計(jì)并確保有意義的超級(jí)鏈接說(shuō)明，便于網(wǎng)頁(yè)內(nèi)容的閱讀
13.2：如果需要的話，為每個(gè)超級(jí)鏈接加上內(nèi)容描述
13.3：指向不同網(wǎng)址的超級(jí)鏈接，不可使用相同的超級(jí)鏈接說(shuō)明
13.4：使用metadata卷標(biāo)來(lái)記載計(jì)算機(jī)可以了解運(yùn)用的網(wǎng)頁(yè)信息
13.5：為你的網(wǎng)頁(yè)加上標(biāo)題
13.6：為你的網(wǎng)站提供網(wǎng)站地圖或整體性的簡(jiǎn)介
13.7：網(wǎng)頁(yè)設(shè)計(jì)使用清楚且一致的導(dǎo)覽機(jī)制
13.8：提供網(wǎng)頁(yè)導(dǎo)覽連結(jié)工具列，以利存取網(wǎng)站導(dǎo)覽結(jié)構(gòu)
13.9：能辨別出意義上有群組相關(guān)的超級(jí)鏈接
13.10：若有群組超級(jí)鏈接，在群組之前增設(shè)一項(xiàng)繞過(guò)此區(qū)域的超級(jí)鏈接
13.11：若網(wǎng)站具有搜尋功能，可以設(shè)計(jì)不同的網(wǎng)頁(yè)內(nèi)容搜尋方式，以提供不同技能與喜好者搜尋選用
13.12：在網(wǎng)頁(yè)標(biāo)題、段落、及列表之前，提供辨別訊息以利識(shí)別
13.13：以metadata標(biāo)簽來(lái)識(shí)別網(wǎng)頁(yè)文件包含于整體文件內(nèi)的所在位置
13.14：避免在網(wǎng)頁(yè)上使用ACSII文字藝術(shù)
規(guī)范十四：確保簡(jiǎn)單清楚的網(wǎng)頁(yè)內(nèi)容
14.1：網(wǎng)頁(yè)內(nèi)容要使用簡(jiǎn)單易懂的文字
14.2：使用可及性的圖形促進(jìn)網(wǎng)頁(yè)內(nèi)容的理解
14.3：網(wǎng)頁(yè)彼此間設(shè)計(jì)呈現(xiàn)的風(fēng)格要一致