| 設計準則：四大原則、十三指引及成功準則

📌 原則一：可感知

讓使用者能夠感知網站內容，包括文字、圖片、影片、聲音等資訊。

💡 指引 1.1 替代文字

提供非文字內容的等效文字描述，確保所有使用者都能獲取資訊。

• 成功準則 1.1.1：非文字內容（檢測等級 A）

💡 指引 1.2 時序媒體

確保影片與音訊可被理解與使用。

• 成功準則 1.2.1：純音訊與純視訊（預錄）（檢測等級 A）
• 成功準則 1.2.2：字幕（預錄）（檢測等級 A）
• 成功準則 1.2.3：音訊描述或替代媒體（檢測等級 A）
• 成功準則 1.2.4：字幕（現場直播）（檢測等級 AA）
• 成功準則 1.2.5：音訊描述（預錄）（檢測等級 AA）
• 成功準則 1.2.6：手語（預錄）（檢測等級 AAA）
• 成功準則 1.2.7：延伸音訊描述（檢測等級 AAA）
• 成功準則 1.2.8：替代媒體（預錄）（檢測等級 AAA）
• 成功準則 1.2.9：純音訊（現場直播）（檢測等級 AAA）

💡 指引 1.3 可調適

確保資訊結構能適應不同的呈現方式。

• 成功準則 1.3.1：資訊與關連性（檢測等級 A）
• 成功準則 1.3.2：有意義的序列（檢測等級 A）
• 成功準則 1.3.3：知覺特徵（檢測等級 A）
• 成功準則 1.3.4：螢幕方向（檢測等級 AA）
• 成功準則 1.3.5：識別輸入目的（檢測等級 AA）
• 成功準則 1.3.6：識別目的（檢測等級 AAA）

💡 指引 1.4 可辨識

提升內容的可讀性與可視性。

• 成功準則 1.4.1：色彩使用（檢測等級 A）
• 成功準則 1.4.2：音訊控制（檢測等級 A）
• 成功準則 1.4.3：對比值（最小）（檢測等級 AA）
• 成功準則 1.4.4：調整文字尺寸（檢測等級 AA）
• 成功準則 1.4.5：影像文字（檢測等級 AA）
• 成功準則 1.4.6：對比值（增強）（檢測等級 AAA）
• 成功準則 1.4.7：低或無背景音訊（檢測等級 AAA）
• 成功準則 1.4.8：視覺呈現（檢測等級 AAA）
• 成功準則 1.4.9：影像文字（無例外）（檢測等級 AAA）
• 成功準則 1.4.10：流動排版（檢測等級 AA）
• 成功準則 1.4.11：非文字對比（檢測等級 AA）
• 成功準則 1.4.12：文字間距（檢測等級 AA）
• 成功準則 1.4.13：懸浮或焦點內容（檢測等級 AA）

📌 原則二：可操作

確保網站可用於不同的輸入方式，如鍵盤、滑鼠、觸控裝置。

💡 指引 2.1 鍵盤可操作

網站功能必須可透過鍵盤操作，不能僅依賴滑鼠。

• 成功準則 2.1.1：鍵盤（檢測等級 A）
• 成功準則 2.1.2：無鍵盤操作陷阱（檢測等級 A）
• 成功準則 2.1.3：鍵盤（無例外）（檢測等級 AAA）
• 成功準則 2.1.4：快捷鍵（檢測等級 A）

💡 指引 2.2 充足時間

提供使用者足夠時間完成操作，避免因時間限制影響可用性。

• 成功準則 2.2.1：計時調整（檢測等級 A）
• 成功準則 2.2.2：暫停、停止和隱藏（檢測等級 A）
• 成功準則 2.2.3：無計時（檢測等級 AAA）
• 成功準則 2.2.4：中斷（檢測等級 AAA）
• 成功準則 2.2.5：重新認證（檢測等級 AAA）
• 成功準則 2.2.6：逾時（檢測等級 AAA）

💡 指引 2.3 預防痙攣和身體不適反映

避免閃爍內容，以免引發光敏性癲癇。

• 成功準則 2.3.1：閃爍三次或低於閾值（檢測等級 A）
• 成功準則 2.3.2：閃爍三次（檢測等級 AAA）
• 成功準則 2.3.3：來自互動的動畫（檢測等級 AAA）

💡 指引 2.4 可導覽

提供清晰的導航機制，幫助使用者快速找到資訊並理解當前位置。

• 成功準則2.4.1：跳過區塊（檢測等級 A）
• 成功準則2.4.2：網頁標題（檢測等級 A）
• 成功準則2.4.3：焦點順序（檢測等級 A）
• 成功準則2.4.4：鏈結目的（脈絡）（檢測等級 A）
• 成功準則2.4.5：多種方式（檢測等級 AA）
• 成功準則2.4.6：標題和標籤（檢測等級 AA）
• 成功準則2.4.7：焦點可視（檢測等級 AA）
• 成功準則2.4.8：位置（檢測等級 AAA）
• 成功準則2.4.9：鏈結目的（僅鏈結）（檢測等級 AAA）
• 成功準則2.4.10：區段標頭（檢測等級 AAA）

💡 指引 2.5 輸入方式

支援手勢、語音輸入、觸控等不同輸入方式，並避免複雜的手勢要求。

• 成功準則 2.5.1：指標手勢（檢測等級 A）
• 成功準則 2.5.2：指標取消（檢測等級 A）
• 成功準則 2.5.3：標籤名稱（檢測等級 A）
• 成功準則 2.5.4：動作啟動（檢測等級 A）
• 成功準則 2.5.5：目標尺寸（檢測等級 AAA）
• 成功準則 2.5.6：並行輸入機制（檢測等級 AAA）

📌 原則三：可理解

網站內容與操作應符合使用者的理解能力，避免困惑或誤導。

💡 指引 3.1 可讀性

確保文字內容易於閱讀與理解。

• 成功準則 3.1.1：網頁語言（檢測等級 A）
• 成功準則 3.1.2：局部語言（檢測等級 AA）
• 成功準則 3.1.3：特殊詞彙（檢測等級 AAA）
• 成功準則 3.1.4：縮寫（檢測等級 AAA）
• 成功準則 3.1.5：閱讀程度（檢測等級 AAA）
• 成功準則 3.1.6：發音（檢測等級 AAA）

💡 指引 3.2 可預期性

確保網站行為一致，減少使用者困惑。

• 成功準則 3.2.1：焦點（檢測等級 A）
• 成功準則 3.2.2：輸入（檢測等級 A）
• 成功準則 3.2.3：一致的導覽（檢測等級 AA）
• 成功準則 3.2.4：一致的識別（檢測等級 AA）
• 成功準則 3.2.5：依請求變更（檢測等級 AAA）

💡 指引 3.3 輸入協助

提供輸入錯誤防範與修正機制。

• 成功準則 3.3.1：識別錯誤（檢測等級 A）
• 成功準則 3.3.2：標籤或說明（檢測等級 A）
• 成功準則 3.3.3：錯誤建議（檢測等級 AA）
• 成功準則 3.3.4：錯誤預防（法律、財務、個人資料）（檢測等級 AA）
• 成功準則 3.3.5：協助（檢測等級 AAA）
• 成功準則 3.3.6：錯誤預防（全部）（檢測等級 AAA）

📌 原則四：穩健性

確保網站能適應不同技術（如螢幕報讀、語音控制），並能與未來技術相容。

💡 指引 4.1 相容性：

確保網站技術與輔助工具兼容，符合 HTML 標準。

• 成功準則 4.1.1：語法分析（檢測等級 A）
• 成功準則 4.1.2：名稱、角色和值（檢測等級 A）
• 成功準則 4.1.3：狀態訊息（檢測等級 AA）