W4D - 詳細說明

第7條. 文檔中的鏈結和活動元素

網頁中所有鏈結和活動元素一定要指明它們的目的所在。

細節:正常訪客必須勞有所獲。

如果訪客的操作會導致任何頁面外部反應(比如新開視窗,關閉當前文檔或者開始下載檔),那麼必須事先提醒訪客。所要指向的檔應該列出它的檔類型、尺寸、打開方式等相關資訊,流覽器並不會自動把這些列給訪客的。交互表單(列表、選擇框)一定不要跳轉到新的頁面。

細節:任何鏈結都必須清晰指定它的目標。

類似“這裏”、“點擊這裏”這樣的鏈結都應該禁止使用。表單中提交按鈕的標題必須與點擊後的出現的效果描述一致。類似“發送”、“重設”、“搜索”這樣的文本還是可以使用的,禁止使用語義不詳或者惡搞意思的標題。

細節:標題一樣的鏈結打開到目標也必須一致。

當網頁中出現兩個標題一樣的鏈結時,它們指向的目標必須也保持一致。如果一個列表專案中的鏈結是由一樣的圖示、輪廓、符號或者動作名稱構成的話,那它們可能是通過 title 屬性來區別的。比如:

細節:網頁中的鏈結必須容易識別並且不可替代。

鏈結目標必須在網頁中醒目可見,而且鏈結文本與所要鏈結到的內容保持一致(參考導航 - 網頁鏈結。自動編碼列表(比如 <ol>)中的鏈結不能包含產生目標專案的數值(參考 9.2.1)。

可以通過下劃線或者不同顏色來區別鏈結與周圍文字的不同

所有鏈結都能加下劃線,除非訪客禁止了流覽器的鏈結下劃線顯示。

細節:超文本鏈結可以用適當顏色加下劃線的文字形式來呈現。

設計師一定要把鏈結部分和周圍的文本或者文檔元素區分開來。特別是不要禁止鏈結屬性的下劃線以及使用容易和周圍環境混淆的顏色。不要把非鏈結內容或者文本加上下劃線或者使用和鏈結部分一樣的顏色。設計師並不能否定訪問者是否用何種鏈結形式。

設計師不要任意改變鏈結默認的游標形式。例如在 HTML/XHTML 中,不應該用 CSS 的 cursor 屬性來改變 <a> 的默認呈現。

一個元素可能就使網頁重新排版

鏈結(包括其他元素)應該方便訪客交互訪問,改變它們的樣式不會讓文檔變的亂七八糟。例如動態效果(:hover, onmouseover)可以改變背景色和文字背景修飾或者元素的能見度。但是元素尺寸、字體大小和粗細,甚至描述(display)方式都不要任意改變-這些改變將導致整個網頁周圍的元素重新排版,這可能使得訪客需要重新發送請求(點擊鏈結、按鍵等等)來訪問頁面。