注意事項 (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,讓鍵盤使用者送出前可聽到提醒。 - 範例中的「送出訊息」為不可操作的靜態示意。
情境化提醒
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",由它新增內容時的既有行為決定是否播報。
參考
- Caveat - Shape of AI
- Explainability + Trust - People + AI Research
- Understanding Success Criterion 4.1.3: Status Messages - W3C WAI