注意事項 (Caveat)

  • 新提案
  • →
  • 封閉測試
  • →
  • 公開測試
  • →
  • 已穩定
成熟度說明
  • 新提案:未完成開發、請勿使用。
  • 封閉測試:開發暫時性完成,可使用。可能仍有親和力或其他使用上問題待透過實測發現。
  • 公開測試:開發暫時性完成,歡迎使用。具有完整親和力報告。
  • 已穩定:開發完成、歡迎使用。應無任何親和力或使用上問題。

用途與使用時機

注意事項是 AI 回覆的提醒寫作模式:以既有的訊息輸入區說明文字與警告文字樣式,告訴使用者 AI 回覆的限制與核對方式。本頁說明何時提醒、寫什麼與放在哪裡,不提供新的元件程式,也不需要 JavaScript。

情境做法
提供訊息輸入區的 AI 對話服務固定顯示基本提醒
服務能寫出具體限制、可能影響與核對管道在該則回覆加上情境化提醒
只能說「AI 可能有誤」,沒有可核對的管道只用基本提醒,不加情境化提醒
資料蒐集告知、模型訓練或長期資料偏好改用知情同意或資料授權

提醒不判斷 AI 回覆是否正確,也不代替服務驗證或人工判斷。兩個範例的「HTML」區只列採用者需要放入的提醒結構,不含靜態展示用的輸入區與訊息氣泡;其中的連結為示意網址,須改為服務的正式來源。

基本提醒

訊息輸入區(靜態示範)

輸入您的問題

HTML
<!-- 放在輸入欄後、送出按鈕前;採用端加上唯一 id,並由送出按鈕的 aria-describedby 引用。 -->
<p class="chat-composer__hint">AI 回覆可能不完整或有誤,請以正式資訊為準。</p>
  • 固定文案:「AI 回覆可能不完整或有誤,請以正式資訊為準。」
  • 放在訊息輸入欄之後、送出按鈕之前,位於 role="log" 之外;以唯一 id 關聯到送出按鈕的 aria-describedby,讓鍵盤使用者送出前可聽到提醒。
  • 範例中的「送出訊息」為不可操作的靜態示意。

情境化提醒

申辦資格的情境化提醒(虛構範例)

您

我想申辦這項服務,請問需要先準備什麼?

AI 助理

您可以先查看申辦資格與應備文件,但實際資格仍由正式受理流程確認。

使用前確認

限制:AI 無法確認您是否符合資格,也無法查詢目前的受理狀態。

可能影響:只依這則回覆準備資料,可能遺漏服務要求的條件或文件。

核對行動:前往我的E政府搜尋該服務的正式申辦資訊

HTML
<!-- 僅在服務可提供具體限制、可能影響與核對行動時使用。請依頁面標題階層調整 h2,並以服務提供的正式連結取代 href。 -->
<section class="warning-text">
  <h2>使用前確認</h2>
  <p><strong>限制:</strong>AI 無法確認個別服務條件是否適用於您。</p>
  <p><strong>可能影響:</strong>只依 AI 回覆行動,可能遺漏適用條件或必要資料。</p>
  <p><strong>核對行動:</strong><a href="/path/to/official-service">查看正式服務說明</a></p>
</section>

情境化提醒放在該則回覆內、正文之後,並且一定要寫出下列三項:

項目具體寫法避免
限制AI 無法確認您是否符合資格,也無法查詢目前的受理狀態AI 可能有誤
可能影響只依這則回覆準備資料,可能遺漏服務要求的條件或文件可能造成問題
核對行動由服務提供並維護的正式申辦頁連結請自行查證,或由 AI 產生的網址

檢核清單

  • 一則回覆最多一個情境化提醒,與回覆一起出現,不在事後另外補加。
  • 情境化提醒提供基本提醒以外的資訊,不重複相同文案。
  • 提醒直接可見,不提供關閉或「已讀」控制。
  • 沒有情境化提醒的回覆,也不代表內容已經核實;基本提醒須持續顯示。
  • 依頁面階層調整標題層級,不只靠顏色傳達限制。

使用的既有樣式

  • 基本提醒:訊息輸入區的 .chat-composer__hint。
  • 情境化提醒:警告文字的 .warning-text;放在訊息氣泡內時,正文加上 .message-bubble__body--structured,避免 HTML 縮排被保留為換行。

親和力

  • 基本提醒是原生段落;情境化提醒是原生 section、標題、具標籤的段落與連結。兩者都不新增 alert、live region 或自訂鍵盤操作。
  • 提醒不另外發出通知;對話容器若使用 role="log",由它新增內容時的既有行為決定是否播報。

參考