介面元件 核心 C · 業界慣例

Call to Action

行動呼籲

行動呼籲是清楚的邀請,會引導人前往下一個有用的步驟。

動手試試看
也有人這樣說 Call to ActionCTA主要行動

動手試試看

行動呼籲
準備測試這段流程了嗎?不需信用卡

生活中的例子

說明團隊協作編輯後,頁面會寫「開始共同草稿」,而不是含糊的「了解更多」。

主要部分

  1. 01可見標籤
  2. 02互動目標
  3. 03目前狀態
  4. 04鍵盤行為

什麼時候用

只有一個下一步最值得強調,而且能清楚說明結果時,就使用行動呼籲。

什麼時候不要用

不要製造假的急迫感、把多個操作都做成同樣重要,或用標籤隱藏需要付出的承諾。

程式裡的名稱

action verb + outcome

上線前要檢查

讓輔助工具知道控制項的名稱(無障礙名稱)、用途(角色)、值與狀態。檢查鍵盤操作、清楚可見的焦點、點按範圍、停用與忙碌狀態、回饋及復原。

可以直接複製的需求

預期成果:使用 行動呼籲 (Call to Action) 解決這項需求,同時保留使用者目前的操作脈絡。 使用者情境:說明團隊協作編輯後,頁面會寫「開始共同草稿」,而不是含糊的「了解更多」。 建議介面模式:行動呼籲 (Call to Action)。 適用理由:只有一個下一步最值得強調,而且能清楚說明結果時,就使用行動呼籲。 不應使用的情況:不要製造假的急迫感、把多個操作都做成同樣重要,或用標籤隱藏需要付出的承諾。 產品要求:定義預設、載入、沒有內容、錯誤、成功與復原狀態。保留使用者已輸入的內容,每個操作後都提供清楚回饋。 無障礙與韌性:使用結構正確的 HTML(語意化 HTML)和完整鍵盤操作。焦點要清楚可見,版面縮放後仍要好用。也要提供減少動態效果。遵守專案現有規則。除非專案已採用,否則不要新增介面元件庫。 驗收條件:主要任務可只用鍵盤完成,在 320px 寬度也能正常使用。焦點與狀態變化可被輔助工具讀出。載入、失敗、重試、取消與減少動態效果都已驗證。 證據與限制(證據邊界):沒有一份官方標準能管到全部內容。不同團隊、平台或框架的用法可能不同。 待確認:產品文字、資料來源、分析事件、支援裝置與語系,以及平台特有限制。

檢查這份需求

請 AI 程式助手檢查目前如何使用 行動呼籲 (Call to Action)。 定義:行動呼籲是清楚的邀請,會引導人前往下一個有用的步驟。 正式環境檢查:讓輔助工具知道控制項的名稱(無障礙名稱)、用途(角色)、值與狀態。檢查鍵盤操作、清楚可見的焦點、點按範圍、停用與忙碌狀態、回饋及復原。 修改程式前,先列出看到的證據、缺口、嚴重程度,以及最小且安全的修正。

C
這個術語有多正式?

業界慣例

工作上常會用到這個術語。列出的來源可能說明用法或限制,但不會定義全部內容。

沒有一份官方標準能管到全部內容。不同團隊、平台或框架的用法可能不同。

適用範圍
沒有單一正式文件涵蓋全部內容
文件狀態
不適用
查證日期
2026-07-30

證據來源與適用範圍

背景資料沒有單一權威定義工作上有人使用這個名稱,但沒有一份官方資料能定義全部內容。本頁的解釋和範例由 Vibulary 撰寫,供學習使用。

自行複製

瀏覽器無法自動複製。請選取下方文字,再自行複製。