韌性主要目的是讓數位系統能適應變動環境，包含能從惡意的攻擊、事故，或自然發生的威脅或事件中能承受且快速恢復的能力。
本專區提供數位韌性教材說明數位韌性原則與實務，將陸續增加數位韌性共享資源包括SBOM工具操作說明、設計系統元件使用情境與資訊系統專案中文化，讓數位共享資源作為政府資訊系統引用之參考資料，有助精進政府機關資訊系統服務品質。
有任何數位韌性相關問題，歡迎來電至 02-6631-1828 詢問!
數位韌性教材
數位韌性易用性-設計制度
數位韌性易用性-原則與實務
數位韌性高可用性與可維護性-原則與實務
數位韌性高可用性
數位韌性可維護性
設計系統資源
公告
| 設計系統元件 |
公告 |
| 使用情境舉例 |
- 行政院公報的網頁文字版
- 機關網站的各項公告事項網頁
|
| 樣式及使用者體驗需求 |
|
| 更新日期 |
2023/11/21 |
聯絡資訊(數位名片)
| 設計系統元件 |
聯絡資訊(數位名片) |
| 使用情境舉例 |
- 由實體名片經QR CODE 連結至的線上數位版本
- 機關公告或預告事項時，或於電子公文書信中，提供的聯絡人資訊網頁
|
| 樣式及使用者體驗需求 |
|
| 更新日期 |
2023/11/21 |
表單欄位
| 設計系統元件 |
表單欄位 |
| 使用情境舉例 |
|
| 樣式及使用者體驗需求 |
|
| 更新日期 |
2023/11/21 |
表格
| 設計系統元件 |
表格 |
| 使用情境舉例 |
- 所有資料表單，如申請網站在使用者登入後所出現的已申請列表
|
| 樣式及使用者體驗需求 |
|
| 更新日期 |
2023/11/21 |
按鈕及連結
| 設計系統元件 |
按鈕及連結 |
| 使用情境舉例 |
- 所有網站連結與按鈕。如網站上的字級按鈕，應該採用 <button> 按鈕，實際上卻錯誤地採用 <a> 連結。
|
| 樣式及使用者體驗需求 |
|
| 更新日期 |
2023/11/21 |
頁面地標架構
| 設計系統元件 |
頁面地標架構 |
| 使用情境舉例 |
|
| 樣式及使用者體驗需求 |
|
| 更新日期 |
2023/11/24 |
跳至主要內容區
| 設計系統元件 |
跳至主要內容區 |
| 使用情境舉例 |
|
| 樣式及使用者體驗需求 |
|
| 更新日期 |
2023/11/21 |
文字輸入區塊
| 設計系統元件 |
文字輸入區塊 |
| 使用情境舉例 |
- 網站在接收用戶自填欄位時，因資料庫或文書處理關係，限制文字字數
|
| 樣式及使用者體驗需求 |
|
| 更新日期 |
2023/11/21 |
警告文字
| 設計系統元件 |
警告文字 |
| 使用情境舉例 |
- 勞保局e化服務系系統維護公告
- 住宅補貼線上申請受理申請已截止公告
|
| 樣式及使用者體驗需求 |
|
| 更新日期 |
2023/11/21 |
多重選擇及補充說明
| 設計系統元件 |
多重選擇及補充說明 |
| 使用情境舉例 |
|
| 樣式及使用者體驗需求 |
|
| 更新日期 |
2023/11/24 |
中文化翻譯教材
第一項-使用漸進增強策略打造有韌性的前端頁面
第二項-針對不同的瀏覽器和裝置進行設計
第三項-確定服務在行動設備上運作良好
第四項-使用CAPTCHAs
- 第四項-使用CAPTCHAs.pdf
- SHA256:6b81256bfec95212bef03cc98fa6a548015039f1b196fa145d763af4e9086a98
第五項-讓服務無障礙
- 第五項-讓服務無障礙.pdf
- SHA256:f37a11754ad7884c3d0e19d4076f34cc5797893ce71b55da9cb536a68e5e767e