<style> .blue { color: blue; } .red{ color: red; } </style> > [name=講師|Judy Shyu] # 🚩我國法規 ## 🔰身心障礙者權益保障法 * __各級政府及其附屬機關(構)、學校(以下簡稱各機關)__ 應自行檢測其資訊服務網站之無障礙功能,並向主管機關辦理註冊 * 2021 年 7 月實施 **<span class="red">2.1 版</span>**「網站無障礙規範」,檢測範圍包含更多服務功能 * 是參照 WCAG 2.0 並稍作修改的版本 * 網站無障礙規範(110.07)🔗 [https://accessibility.moda.gov.tw/Accessible/Guide/68](https://accessibility.moda.gov.tw/Accessible/Guide/68) ## 🔰A 級的意義 * 針對網頁中最常見的內容進行規範,要求網站提供基本的無障礙訪問功能。 * 適用於所有類型的網站。 * 作為一個起點,幫助開發團隊建立無障礙相關的知識,在進一步提升至更高等級之前站穩腳步。 * 某些網頁可能內容、結構非常簡單,例如單純的文字宣導靜態頁面。這種情形,達到 A 級要求即可,因為其他更進一步的規範通常是針對具有互動性、更複雜的網頁元件而設 ## 🔰AA 級的意義 * 包含所有 A 級的標準,再加上一些額外的要求;可以解決大部分常見的無障礙問題。 * 大多數政府和組織將這個等級作為無障礙政策的最低要求。 * 2017 年以後,政府機關、學校網站設計新版網頁或改版需要達到 AA 級 ## 🔰AAA 級的意義 * 包含所有 A 、AA 級的標準,再加上一些額外的要求;旨在提供最佳的無障礙體驗。 * 需要相當大的努力和資源,不是所有的網站都能或需要達到這個等級 * 網頁內容需要以易於理解的文字來撰寫,針對專業詞彙需要提供註釋 * 影音內容除了字幕以外,還需要提供手語翻譯 * 可以作為較長遠的目標 ## 🔰網頁色彩在三種等級中的不同要求 * 成功準則1.4.1:色彩使用 (檢測等級 A) * 色彩不可當做唯一能傳達資訊、提出動作、提請回應或區別視覺元件的視覺手段來使用。 * 成功準則1.4.3:對比值(最小) (檢測等級AA) * 文字及影像文字的視覺呈現,至少要有 __<span class="red">4.5:1</span>__ 的對比值 * 大尺寸的文字及大尺寸的影像文字至少要有 __<span class="red">3:1</span>__ 的對比值 * 成功準則1.4.6:對比值(增強) (檢測等級 AAA) * 文字及影像文字的視覺呈現至少要有 __<span class="red">7:1</span>__ 的對比值 * 大尺寸的文字及大尺寸的影像文字至少要有 __<span class="red">4.5:1</span>__ 的對比值 ## 🔰影片替代文字在三種等級中的不同要求 * 成功準則1.2.2:字幕(預錄) (檢測等級 __<span class="red">A</span>__) * 成功準則1.2.5:音訊描述(預錄) (檢測等級 __<span class="red">AA</span>__) * 成功準則1.2.6:手語(預錄) (檢測等級 __<span class="red">AAA</span>__) * 成功準則1.2.7:延伸音訊描述 (檢測等級 __<span class="red">AAA</span>__) * 成功準則1.2.8:替代媒體(預錄) (檢測等級 __<span class="red">AAA</span>__) ## 🔰我的網站需要符合哪個檢測等級? * 評估可能的網頁使用族群來決定,一般可將 AA 級訂為合理的目標。 * 2017 年以後,政府機關、學校網站 __<span class="red">設計新版網頁或改版</span>__ 需要達到 __<span class="red">AA</span>__ 級 * 而 2021 年 7 月開始實施的新一版(2.1 版)的「網站無障礙規範」,新版本的檢測範圍包含更多服務功能。