本頁只練什麼
能讓連結離開周邊段落後仍能說明目的地或動作。
語音與鍵盤使用者常以連結清單快速瀏覽；「點這裡」離開上下文就失去意義。
要修改的檔案：files/starter/index.html
定位：先只讀連結文字，不看前後段落。｜依 module-4 定位，只修改「可單獨理解的連結文字」的責任。
LESSON-02 · TOPIC 04
可單獨理解的連結文字
能讓連結離開周邊段落後仍能說明目的地或動作。
任務情境
先結果，再原理；完成後要能說出自己看見的證據。
現在的問題
首頁有三個「點這裡」，使用者從連結清單無法分辨。
起始狀態：a.textContent 為「點這裡」。
完成後要看到
連結文字為「查看三項網站規劃服務」，不含點這裡/更多。
驗收證據：linkText 包含網站規劃服務且 ambiguous=false
何時會用到
導覽、CTA、文章內文與下載連結。
常見混淆：title attribute 不是用來補救模糊連結的主要方法；URL 完整也不代表連結文字可理解。
觀念與最小範例
這段程式是理解起點，不是要你直接跳過 Starter。
可單獨理解的連結文字 Descriptive link text
連結自己就要說清楚按下去會去哪裡或做什麼。
正式說法：accessible name 應使連結目的可在上下文中或由連結本身確定；本練習以連結自身文字完成。
`<a href="services.html">查看三項網站規劃服務</a>`。三步完成本主題
每一步都留下可觀察結果；如果沒看到，先看「卡住先查」。
Step 1｜先看見目前缺口，不急著貼答案。
檔案：
files/starter/index.html定位：先只讀連結文字，不看前後段落。要做：先重新載入 Starter，記錄目前畫面、DOM、Computed、Console 或文件內容。
預期：能指出「先只讀連結文字，不看前後段落。」目前的缺口。
證據：保存 files/starter/index.html 的目前狀態，並指出下一步只會修改哪個檔案責任。
卡住先查：確認開啟的是 files/starter/index.html，且定位到 先只讀連結文字，不看前後段落。。
Step 2｜只修改本主題的一個責任。
檔案：
files/starter/index.html定位：先只讀連結文字，不看前後段落。要做：將「點這裡」改為描述目的地的文字，再程式檢查 textContent。
預期：連結文字為「查看三項網站規劃服務」，不含點這裡/更多。
證據：linkText 包含網站規劃服務且 ambiguous=false
卡住先查：先只讀連結文字，不看前後段落。
Step 3｜重新載入並以證據驗收，不以『看起來差不多』判定完成。
檔案：
files/starter/index.html定位：先只讀連結文字，不看前後段落。要做：重新整理頁面，再逐項比對預期結果與 evidence。
預期：連結文字為「查看三項網站規劃服務」，不含點這裡/更多。
證據：linkText 包含網站規劃服務且 ambiguous=false
卡住先查：先只讀連結文字，不看前後段落。
觀察示範
這個示範只讓你看懂概念，不會替你修改 Starter，也不會自動宣告完成。
可單獨理解的連結文字runtime fixture · read-only demo
本主題示範畫面：
三項網站規劃服務
驗收證據
勾選只是學習紀錄；真正完成仍要回到 Starter 的實際結果。
提示 1｜方向
把周邊段落遮住，看這個連結還能不能懂。
提示 2｜關鍵片段
文字中至少寫出目的地的內容或動作。
提示 3｜完整解答與原因
完整解答與原因：將「點這裡」改成「查看三項網站規劃服務」；因為只讀這句也能預測連結目的。