- 想要符合國際無障礙網頁標準嗎？本篇詳解台灣政府網站設計規範，教你如何符合WCAG，打造符合國際標準的無障礙網站。
想讓你的網站更符合使用者需求？從色彩對比、字型大小、到替代文字，本篇提供完整的無障礙網頁設計攻略，助你打造更友善的網站。要開發符合台灣政府網站規範的無障礙網站，需要遵循以下關鍵要求和實作方法:
打造無障礙網站：解析台灣政府網站設計規範
基本規範要求
台灣政府網站無障礙化作業規定將無障礙網頁標章分為四個等級:
- 第1優先等級 (A)
- 第2優先等級 (AA)
- 第3優先等級 (AAA)
- A+等級
設計原則
可感知性
- 為所有非文字內容提供替代文字
- 提供多媒體內容的替代方案,如字幕和音訊描述
- 確保內容可以以不同方式呈現而不失去結構
可操作性
- 所有功能必須可透過鍵盤操作
- 提供足夠的時間讓使用者閱讀和使用內容
- 避免可能導致癲癇的閃爍內容
可理解性
- 使用清晰簡單的語言
- 保持一致的導航和標示方式
- 協助使用者避免和更正錯誤
技術實作
HTML架構
- 使用語意化HTML標籤
- 正確使用標題層級(h1-h6)
- 提供清晰的導航結構
輔助功能
- 實作ARIA標籤以增強互動元件的可及性
- 確保所有表單控制項都有適當的標籤
- 提供明確的錯誤訊息和修正建議
測試與認證
- 使用自動化工具進行初步檢測
- 執行人工檢測評估
- 向認證機構申請標章
- 接受定期和不定期稽核
遵循這些規範不僅能確保網站符合政府要求,也能為所有使用者提供更好的使用體驗。持續的監控和改進對維持無障礙標準至關重要。
哪些工具可以用來檢測網站的無障礙性
主流的無障礙檢測工具包括:
官方檢測工具
Freego
- 台灣數位發展部的官方單機版檢測工具
- 適用於「網站無障礙規範(110.07)」
- 必須使用Java 1.8版本環境執行
- 是申請台灣無障礙標章的必要工具
瀏覽器整合工具
Lighthouse
- Chrome瀏覽器內建的開發者工具
- 提供無障礙性、效能、SEO等多面向檢測
- 使用方式:
- 按F12開啟開發者工具
- 選擇Lighthouse分頁
- 選擇Desktop和Accessibility選項
- 點擊Analyze進行分析
axe DevTools
- Chrome瀏覽器擴充功能
- 適合開發者和網站擁有者使用
- 可掃描整個頁面並提供詳細報告
- 能識別不同嚴重程度的問題
其他檢測工具
WAVE
- 提供網頁內容可及性的視覺化反饋
- 直接在網頁上標示出可及性問題
無障礙檢測擴充功能
- 基於axe-core開發
- 提供即時檢測報告
- 協助確保網站符合無障礙需求
- 可檢視優勢和不足之處
這些工具各有特色，建議根據需求選擇合適的工具組合使用，以確保網站達到完整的無障礙標準。
無障礙網站設計的四個主要原則是什麼
無障礙網站設計基於以下四個核心原則:
可感知性 (Perceivable)
- 資訊及使用者介面元件必須以使用者能察覺的方式呈現
- 提供替代文字說明
- 確保內容可調適且可辨識
- 包含多媒體內容的替代方案
可操作性 (Operable)
- 使用者介面元件及導覽功能必須具備可操作性
- 所有功能都能透過鍵盤使用
- 提供充分時間讓使用者閱讀及使用內容
- 避免使用可能引發痙攣的設計方式
可理解性 (Understandable)
- 資訊及使用者介面的操作必須具可理解性
- 確保文字內容可讀且易於理解
- 網頁以可預期的方式呈現及運作
- 協助使用者避免及更正錯誤
穩健性 (Robust)
- 內容必須足夠穩健，能被各種使用者代理程式解讀
- 確保與輔助科技的相容性
- 網頁內容可供身心障礙者以輔助工具讀取
- 具備跨平台相容性
這四個原則構成了無障礙網站設計的基礎框架，確保所有使用者，包括身心障礙者，都能有效地使用網站。
如何取得政府認證的無障礙網站標章
取得政府認證的無障礙網站標章需要遵循以下步驟:
檢測階段
機器檢測
- 下載並使用Freego單機版檢測工具進行自我檢測
- 確保網站通過Freego的檢測標準
- 產出檢測報告文件
人工檢測
- 通過機器檢測後進行人工審核
- 由專業人員評估網站的無障礙性
- 必須有身心障礙者參與檢測過程
申請程序
- 至數位發展部無障礙網路空間服務網註冊會員
- 準備申請文件:
- 申請書
- Freego自行檢測報告
- 其他必要文件
- 上傳檢測報告並提交標章申請
重要注意事項
- 標章有效期限為三年
- 網站改版後需重新申請標章
- 標章必須張貼於網站首頁下方
- 標章尺寸規格為寬88像素、高31像素，不得變更尺寸或變形
後續管理
- 主管機關會進行抽測，每年抽測比率不低於前一年度核發標章數的5%
- 抽測未通過者將被通知限期改正
- 未於期限內改正者將被廢止並註銷標章
無障礙網頁設計標章的申請流程有哪些步驟
申請無障礙網頁設計標章需要遵循以下流程:
前置準備
網站檢測
- 下載並安裝Freego單機版檢測工具
- 使用Freego進行網站自我檢測
- 確保網站符合相關無障礙規範要求
人工審核
- 通過Freego檢測後進行人工審核
- 確認網站實際操作符合無障礙標準
申請程序
- 註冊會員
- 至數位發展部無障礙網路空間服務網註冊成為會員
- 提交申請
- 登入會員專區
- 進入標章申請選單
- 上傳Freego檢測報告
- 填寫標章申請資料
後續作業
- 等待主管機關審核結果
- 取得標章後需張貼於網站
- 維持網站符合無障礙標準
- 標章到期前需重新申請
申請過程中應特別注意確保網站持續符合無障礙規範，並保持相關文件完整性。
哪些組織需要遵守 AAA 級別的無障礙標準
在台灣，目前法規並未強制要求任何組織必須達到 AAA 級別的無障礙標準。相反地，法規要求如下:
現行規範
政府機關和學校
- 必須符合 A 級以上的檢測標準
- 2017年後新設計或改版的網站需達到 AA 級標準
其他組織
- 公共機關網站
- 企業網站
- 新聞媒體
- 教育機構
這些組織需要根據其性質遵守不同級別的無障礙要求
AAA 級別說明
AAA 級別是最高等級的無障礙標準，具有以下特點:
- 提供最全面的無障礙功能
- 能滿足大多數使用者的需求
- 包含最嚴格和最全面的要求
雖然沒有強制要求達到 AAA 級別，但組織可以自願性地追求這個更高標準，以提供更好的無障礙體驗。
政府機關和學校需要遵守哪一級別的無障礙標準
根據現行規定，政府機關和學校需要遵守的無障礙標準如下:
基本要求
- 所有政府機關和學校網站必須符合檢測等級A以上的標準
新設或改版網站
- 2017年後新設計或改版的網站必須達到AA級標準
- 需依據WCAG 2.0等級AA標準進行設計
檢測與維護
- 各機關必須定期自行檢測其網站的無障礙功能
- 需向主管機關申請核發無障礙認證標章
- 標章有效期為三年，期間會進行抽測
哪些國家的無障礙標準基於 WCAG
許多國家採用WCAG作為其無障礙標準的基礎，以下是主要地區的概況:
歐洲地區
- 歐盟要求公共部門網站必須符合WCAG 2.1 AA級標準
- 英國採用WCAG 2.1 AA級作為公共部門網站標準
- 義大利的Stanca Act要求符合WCAG 2.0 AA級標準
- 挪威公私部門都需遵循WCAG 2.0 A和AA級標準
亞太地區
- 澳洲的無障礙歧視法(DDA)建議採用WCAG 2.0 AA級標準
- 日本的工業標準JIS X 8341-3採用與WCAG 2.0 AA級相同的原則
- 南韓的無障礙指南包含WCAG 2.0 A級的所有成功準則
- 以色列的國家標準IS 5568整合了WCAG 2.0 AA級標準
北美地區
- 美國聯邦機構和承包商必須符合WCAG 2.0 AA級標準
- 加拿大的聯邦通訊政策要求符合WCAG 2.0 AA級標準
其他地區
- 紐西蘭的Web Accessibility Standard 1.1採用WCAG 2.1 AA級標準
- 南美洲多個國家如阿根廷、巴西、智利等也認真執行WCAG標準
台灣政府的無障礙規範跟國外的差異為
台灣的無障礙規範與國際標準有以下主要差異:
標準基礎
- 台灣的無障礙規範是參考W3C的WAI組織所訂定的WCAG標準制定
- 但台灣有自己的本土化修改和擴充內容
檢測等級差異
- 台灣採用4個等級:A、AA、AAA和A+
- 國際WCAG標準只有3個等級:A、AA、AAA
法規要求
- 歐盟要求公共部門網站必須符合WCAG 2.1 AA級標準
- 美國政府和企業必須遵守WCAG標準
- 台灣政府機關只要求達到A級以上，2017年後新設或改版網站才需要達到AA級
認證制度
- 台灣有專屬的無障礙標章認證制度
- 標章尺寸規格固定為寬88像素、高31像素
- 需要經過機器檢測和人工檢測雙重驗證
台灣的無障礙標章認證過程有多複雜
台灣的無障礙標章認證過程包含以下主要階段:
機器檢測階段
- 使用Freego單機版檢測工具進行自動檢測
- 檢測是否符合各級別的技術要求
- 需在完成檢測後7個工作日內完成後續申請
申請階段
- 於無障礙網路空間服務網註冊會員
- 登錄申請案件基本資料
- 填寫自我評量表
- 上傳Freego檢測報告
人工檢測階段
- 由專業人員進行人工檢測評估
- 必須有身心障礙者參與檢測過程
- 檢視網站實際操作是否符合無障礙標準
後續管理
- 標章有效期限為三年
- 通過認證後仍需接受抽測
- 未通過抽測者需限期改善
- 未改善者將被廢止標章
特殊規定
- 網站改版後需重新申請標章
- 標章必須張貼於網站首頁下方
國外的無障礙網站設計規範在哪些方面超越台灣
根據研究分析，國外的無障礙規範在以下方面超越台灣：
法令制定過程
英美日等國在制定無障礙法令時，會先對國內現況問題進行廣泛深入的研究，作為法令訂定的依據。相比之下，台灣的法規制定較缺乏系統性研究。
法令系統完整性
英國和美國的無障礙建築環境法令系統架構、實質規範內容以及無障礙設施的技術規定都非常明確完備。
執行面特點
政策制定參與度
- 歐美國家重視身障者參與規劃過程
- 台灣身障者較少被邀請參與規劃，且在最終驗收時無障礙常被忽視
整體規劃協調
- 台灣至少有16個中央政府機關負責無障礙相關事務，缺乏協調，造成執行困難
- 各部門權責分散導致無障礙設施實用性不足，如人行道與騎樓之間的無障礙銜接問題
實務應用
交通運輸
- 台北市的公共運輸無障礙程度約80%，其他縣市則明顯落後
- 台灣缺乏無障礙長途巴士和計程車服務，復康巴士需提前一週預約
觀念差異
台灣仍將無障礙視為慈善議題，而非基本人權，這與國際趨勢有所落差。歐美國家則是從人權平等的立場來推動無障礙環境。
無障礙網頁設計常見問答
Q: 什麼是無障礙網站標章的等級分類？ A: 台灣政府網站無障礙化標章分為四個等級：第1優先等級(A)、第2優先等級(AA)、第3優先等級(AAA)和A+等級。不同等級代表網站符合的無障礙標準程度不同。
Q: 如何檢測網站是否符合無障礙標準？ A: 主要可以使用以下工具：
- FREEGO - 台灣數位發展部官方檢測工具
- LIGHTHOUSE - Chrome瀏覽器內建工具
- AXE DEVTOOLS - Chrome擴充功能
- WAVE - 提供視覺化反饋的檢測工具
Q: 申請無障礙網站標章需要經過哪些步驟？ A: 主要步驟包括：
- 使用Freego進行機器檢測
- 進行人工檢測評估
- 在無障礙網路空間服務網註冊會員
- 提交申請文件和檢測報告
- 等待審核通過後取得標章
Q: 無障礙網站設計的四大核心原則是什麼？ A: 四大核心原則為：
- 可感知性 (Perceivable)
- 可操作性 (Operable)
- 可理解性 (Understandable)
- 穩健性 (Robust)
Q: 政府機關網站需要符合哪種等級的無障礙標準？ A: 所有政府機關網站必須符合A級以上的標準，2017年後新設計或改版的網站則需要達到AA級標準。
