先定義連結作出的承諾
顧客應能從連結文字,或軟件可判斷的相關內容,決定是否值得開啟連結。這是 WCAG 2.2 成功準則 2.4.4「在脈絡中理解連結目的」的核心。準則沒有要求每條連結都寫成長句,也不代表卡片外很遠的一段視覺文字可以補救含糊標籤。編輯時應問:顧客按下這條連結後,實際會看到甚麼或完成甚麼?產品頁的「查看此貨品送貨及退貨安排」比「更多」具體;服務頁的「查看預約收費」比「按此」清楚。若連結會下載文件或帶往外部流程,而這點影響顧客決定,也應在合適位置說明。文字須符合真實目的地;聲稱可查看價目表,結果只去到一般聯絡表格,仍然會誤導讀者。
只依賴真正可識別的脈絡
簡短連結可以依靠脈絡,但脈絡必須與連結有程式可識別的結構關係。標記正確的卡片標題、包含連結的清單項目,或同一句中的文字,才較容易建立可靠關聯。單靠視覺位置,把標題放在幾張獨立卡片上方,尤其難保證屏幕閱讀器逐條列出連結時仍看得出關係。若頁面反覆出現「閱讀更多」,通常最穩妥的編輯方法,是把文章或貨品名稱直接寫進連結。若設計採用隱藏補充字句,應檢查最終可存取名稱,並確保可見標籤仍包含其中,方便語音輸入用戶說出畫面上的字。不要讓不同卡片都叫「了解我們的服務」;不同目的地需要不同線索。準則容許對所有人都不明確的用途有例外,但不能拿來省略已知的目的地。
先盤點容易混淆的連結群組
先從顧客真正會走的路徑盤點連結:首頁推廣、產品卡片、說明文章、結帳求助、帳戶設定與預約指引。逐條記下可見文字、可存取名稱、目的地、附近標題,以及它會到站內頁、外站或檔案。把重複標籤放在一起比較,便可能發現同樣叫「詳情」的連結,有些去產品頁,有些去政策、PDF 或表格。設計審閱時這些按鈕看來整齊,顧客卻要逐條開啟才明白用途。英文及繁體中文版本須分開審核,因為準確的英文標籤在翻譯後可能只剩籠統的「詳情」。亦應檢查重新導向與切換語言後的最終頁面;文字再清楚,若沒有到達承諾內容,仍然失去作用。小公司可先用試算表完成這項盤點,再決定需要修改哪些程式。
按目的地與顧客選擇重寫
重寫時用顧客要作的決定作中心,而不只是換一個動詞。「查看這件外套的尺碼指南」說明可取得甚麼資訊;「索取維修報價」說明即將開始甚麼程序。同一卡片有多條連結時,應分清各自用途,例如「查看功能」、「查詢存貨」和「比較保養條款」都要到達相應內容,不能三條都指向差別不大的同一頁。文字可以簡短,但不可刪掉關鍵名詞。若資源本身的標題清楚,可直接用作連結;若標題只是冗長宣傳句,也未必能交代用途。目的頁若無法履行具體承諾,就先改善該頁或改連更合適的頁面。不要依靠只在滑鼠懸停才出現的提示,亦不要把全隊才明白的細小圖示當作唯一說明。連結文字在手機換行、鍵盤焦點及翻譯後都要保留意思。
以服務比較頁作情境測試
假設一家維修店在比較頁提供三條路徑:預約檢查、閱讀一般維修範圍,以及查詢特殊故障。三個同樣叫「開始」的按鈕把選擇藏起來。編輯改成「預約故障檢查」、「閱讀一般維修範圍」及「查詢特殊故障」。想找收費的顧客現在也會發現,三條路徑沒有一條承諾固定報價;頁面應連到真正的收費說明,或清楚表示檢查後才報價。若預約連結帶往第三方服務,在會影響決定的地方解釋轉換,並核實預約頁使用預期語言。這個例子說明,改善連結並非單純增加字數。文字須符合商業流程,目的地亦要支持其承諾。屏幕閱讀器的連結清單、手機畫面及員工對最終網址的檢查,應得出一致理解。
連同名稱與目的地一起測試
以鍵盤按閱讀次序走訪每條連結,留意焦點狀態是否讓用戶知道目前選中哪條。再用屏幕閱讀器的連結清單測試:離開整頁段落後,仍能否分辨不同選擇?回到完整頁面,查證短標籤所依賴的脈絡是否真的有程式結構關係。若連結包含圖示、圖片或隱藏字句,要在瀏覽器工具檢查最終可存取名稱。逐條開啟目的地,包括經重新導向後的頁面,確認頁面標題及內容履行連結承諾。繁體中文頁須重做一次;若有對應中文內容,翻譯後的連結應到達該版本。PDF 連結要按檔案實際情況測試,不可當成一般網頁。記錄「標籤/實際目的地」的不一致,讓編輯改文字或開發者修正網址。自動檢查只證明名稱非空,不能證明它對顧客有意義。
內容更新後仍要保持連結清楚
連結即使沒有失效,目的仍可能變得含糊。團隊也許改了產品分類名稱、把 PDF 換成查詢表,或合併兩篇說明,卻留下舊的連結文字。內容變動流程應加入連結核查:目的地或卡片標題一改,就檢查可見標籤、可存取名稱、語言版本與最後到達的頁面。編輯在內容系統中應同時看見文字和網址。新增重新導向後,要測試最終目的地;HTTP 回應成功不等於履行文字承諾。含糊標籤亦要按頁面範本追查,因為一個卡片元件可能把相同問題複製到整個目錄。這項維護有清晰觸發條件,並非要求每條連結每月重寫。
特別留意會改變顧客流程,而非只開啟資料的連結。「繼續」可能前進一頁、提交預約、離開商戶網站或打開付款步驟;應讓人明白即時結果。若操作會改變目前介面,使用按鈕有時更符合控制項的角色。圖片本身是連結時,檢查圖片及其替代文字能否說明目的地;若連結只含圖片而替代文字為空,名稱可能消失。產品卡片若同時有圖片連結和標題連結通往同一頁,應判斷兩次停留是否有用,並保持名稱一致。這些問題不能靠計算標籤字數解決。真正的測試,是使用視覺、鍵盤、語音輸入或屏幕閱讀器的顧客,能否在啟動前選到預期路徑。
進行前先確認
- 每條連結說明目的地或實際可完成的動作。
- 重複標籤在連結清單中仍可區分。
- 中英文標籤均與最終目的地一致。


