跳至主要內容區

政府網站設計原則

親和力檢測工具導入文件 開發網站無障礙模板
共用元件折疊選單 (Accordion) AI 元件 (AI Components) 導覽標記 (Breadcrumb) 按鈕及連結 (Button and Link) 輪播 (Carousel) 多重選擇及補充說明 (Checkable) 通知提示橫幅 (Cookie Banner) 可搜尋選項列表 (Datalist) 日期選擇 (Date Picker) 數位名片 (Digital Info) 檔案上傳 (File Upload) 頁尾 (Footer) 表單欄位 (Form) 頁首 (Header) 頁面地標架構 (Landmark) 互動視窗 (Modal) 公文 (Official Document) 分頁 (Pagination) 密碼輸入欄位 (Password Input) 步驟指示器 (Progress Stepper) 搜尋回饋 (Search Feedback) 側邊導覽 (Side Navigation) 跳至主要內容區 (Skip-To) 表格 (Table) 頁籤 (Tabs) 文字輸入區塊 (Textarea) 工具列 (Toolbar) 樹狀檢視 (Tree View) 文字規範 (Typography) 警告文字 (Warning Text)
前端技術原則反面教材 多國語系支援 漸進增強
視覺設計多國語系字體 文字樣式 色彩

AI 元件 (AI Components)

AI 對話介面的共用元件，可依服務需求單獨或組合使用。

元件清單

  • 即時宣告 (Live Announcer)
  • 對話容器 (Chat Container)
  • 訊息氣泡 (Message Bubble)
  • 輸入中提示 (Typing Indicator)
親和力宣告 意見回覆．聯絡我們