內 容設計:連結
連結
在內容中新增連結使其易用,以及新增 GOV.UK 的外部連結政策。
在內容中使用的連結
不要重複顯示資訊。如果該資訊已經存在於 GOV.UK 的其他地方,或者可以由政府以外的組織更佳地提供,請用連結連到該組織。
在上下文內容中提供連結
確保所有連結都在上下文內容中、且在內容中有用的位置。不要將所有連結放在頁面底部。
不要使用未排序的相關連結清單,引導使用者前往您認為他們可能感興趣的內容。這些有時被稱為「進一步閱讀」或「更多資訊」。GOV.UK 為使用者提供了其他更有效的方式來讓使用者尋找相關內容。
撰寫連結文字
撰寫連結時,要使其具有描述性,並在前面加入相關術語,而不是用類似「點擊此處」或「更多」的通用詞。通用連結在脫離上下文時沒有意義 ,也無法告訴使用者連結會將他們帶到哪裡。通用連結也不適用於使用螢幕報讀器的人,因為他們經常掃描連結清單來導覽頁面。讓連結具有描述性很重要,這樣它們在單獨使用時才有意義。
如果您的連結指向資訊而不是開始一項任務,請使用該資訊相關的文字作為連結。例如,「無障礙性測試」。考慮使用連結到的頁面標題作為連結文字。
如果您的連結將使用者帶到可以開始任務的頁面,請以動詞做為連結的開頭。例如:「提交納稅申報」。
當您撰寫連結文字時,請考慮同一頁面上的其他連結。不要使用相同的連結文字連結到不同的地方。盡可能避免多次連結到同一位置。如果一頁上有多個指向同一位置的連結,請使用相似的連結文字——這些連結文字不必相同,但應傳達相同的含義。
連結可以幫助使用者瀏覽內容,因此不要使用太多連結讓網站難以閱讀,也不要在整個頁面上連結到相同的工具或網頁。以連結到線上服務為優先,除非離線替代方案更適合您的使用者。
避免非常短的文字連結
非常短的文字連結可能會給手部不太靈巧的使用者帶來問題(難以點擊到連結)。例如,連結的英文單字應至少有3個音節。在連結文字中包含更多單字也可以使其更具描述性和親和性。
錨點連結(anchor Link)
錨點 連結用於將使用者帶到頁面的特定段落(section)。
他們可以將使用者帶到:
-
同一頁面上的另一個段落
-
不同頁面上的段落
盡量避免在內容中使用錨點連結。錨點連結可能會讓一些有存取需求的使用者在網頁上迷失方向,他們可能無法返回到上一頁。例如,螢幕放大鏡的使用者和有行動障礙的使用者。使用輔助科技的人可能難以看到他們錯過了什麼,或者意識到他們已經跳轉到其他地方。
避免使用錨點連結指向同一頁面上的內容。重新安排內容的結構,反而讓使用者可以更輕鬆地瀏覽內容。
在某些情況下,可能需要指向另一個頁面的錨點連結。例如,如果人們只需要閱讀長篇且複雜指南中的附件。如果您必須這樣做,請盡可能讓連結具有描述性使其具無障礙性。這樣使用者就知道他們將在目標頁面上看到什麼。例如,「閱讀歐盟配偶簽證指南的附件A,以檢查您的資格」。
連結文字必須提供以下提示:
- 您將他們送往哪裡——「歐盟配偶簽證指南」
- 他們到達那裡後需要做什麼——「閱讀歐盟配偶簽證指南的附件A」
- 他們為什麼要去那裡——「檢查您的資格」
您的錨點連結應該清楚地表明您正在將使用者導向到指南的不同段落——把他們將要瀏覽頁面的標題包含進連結文字通常很有用。
設定連結格式
您可以在正文中的任何位置新增連結,但不能在標題、摘要或副標題中新增連結。
在 Whitehall publisher 中,必須使用 Markdown 格式化連結:
如果您要將內容翻譯成從右向左書寫的語言,則可以採用不同的方式來設定連結格式。
不要直接連結到附件
連結到發布頁面(新增附件的頁面),而不是附件本身。