1. 為什麼需要申請無障礙標章？
「無障礙標章」是指網站通過數位發展部無障礙檢測後取得的認證標誌，代表該網站符合 WCAG 規範、能讓視覺、聽覺、肢體障礙者及高齡者平等獲取資訊。依據《身心障礙者權益保障法》第 52 條與 52-2 條，政府機關、學校及相關附屬機關所建置之網站，必須通過第一優先等級（AA 級）以上之檢測並取得認證標章。
在我看來，無障礙標章不只是法律義務，更是「數位平權」的核心價值。在我們協助社福機構進行網站健檢的經驗中，許多組織其實已具備不錯的內容品質，卻因為忽略了替代文字、鍵盤操作、色彩對比等技術細節而無法通過檢測。本文將從實務角度，帶你走過從 Freego 檢測到標章核發的完整流程。
如果你正在規劃或改版組織官網，也可以參閱我們的社福機構架站完整指南，從需求盤點到技術選型一次掌握。
2. 認證前的第一哩路：Freego 軟體檢測實務
在正式送件前，必須先通過 Freego 單機版軟體的考驗。Freego 是數位發展部提供的免費自動化檢測工具，能模擬輔助技術來確認網站技術指標是否合規。承辦人需將軟體安裝於本機電腦，輸入網站網址後執行全站掃描，所有檢測項目必須全數顯示「YES」才算通過，並會取得一組「上傳編號」作為後續送件的憑證。
圖：Freego 檢測全數通過畫面
💡 💡 顧問小科普
Freego 只能檢測「機器可判定」的項目（如 alt 屬性是否存在、HTML 語法是否正確）。但人工檢測階段會由專家實際操作鍵盤導航與螢幕閱讀器，因此即使 Freego 全數通過，仍須確保網站在「實際操作體驗」上也符合無障礙標準。
3. 公務帳號的申請與認領
許多承辦人最常在「登入」環節卡住。標章申請有嚴格的身分限制：
- 政府機關/學校：必須使用「我的 e 政府」會員之公務帳號。若誤用「本站一般會員」申請，將會直接被系統退件。
- 民間團體：彈性較大，可使用「e 政府會員」或「本站一般會員」。
「自然人轉公務員」申請流程 (以公務機關為例)
- 線上申請：先於「我的 e 政府」註冊個人帳號，進入會員中心點選「申請公務帳號」，項目選擇「自然人轉公務員」。
- 輸入 OID：輸入機關識別碼（如國立中央大學 OID 為
2.16.886.111.100004）。 - 人工核定 (關鍵)：
- 正式公務員：系統通常會直接確認。
- 聘僱人員/約聘夥伴：務必注意！您必須列印出申請書，附上服務證掃描檔或影本，透過傳真或 Email 送至「我的 e 政府」客服中心人工審核。這是最容易被忽略的手動步驟。
- 網站認領：若您是接手前任留下的工作，轉換公務帳號後，請至服務網「我的機關網站」執行「認領」程序，才能接續維護舊有的標章紀錄。
⚠️ 帳號申請避坑指南
若您是民間團體，請選用「e 政府會員」或「本站一般會員」。很多承辦人會卡在身份選擇錯誤導致退件，請務必先確認組織的身份歸屬。
4. 從線上申請到標章核發：完整五階段流程
無障礙標章申請本身免費，由數位發展部提供檢測服務。從 Freego 軟體檢測通過到標章正式核發，正常流程約需 2–4 週。以下是五個關鍵階段的逐步拆解，承辦人可作為自我檢核清單使用：
| 階段 | 步驟內容 | 核心重點 |
|---|---|---|
| 第一階段：軟體檢測 | 使用 Freego 檢測工具 | 必須全數顯示 “YES” 通過，並取得「上傳編號」。 |
| 第二階段：身分準備 | 轉換為 e 政府公務帳號 | 政府機關/學校人員必須以公務身分登入，否則申請會被退件。 |
| 第三階段：線上申請 | 登錄案件資料與自評 | 於無障礙網路空間服務網填寫申請表及自評報告。 |
| 第四階段：人工檢測 | 專家與身障人士抽檢 | 審核單位會進行人工操作驗證，並提供修正報告。 |
| 第五階段：標章核發 | 張貼標章與維護 | 標章有效期為三年，期滿須重新驗測。 |
長期維護：取得標章不是終點
取得標章代表了長期維護的承諾，而非一次性的行政任務。標章有效期為 3 年，屆滿或網站重大改版（如更換版型）均需重新認證。此外，核發標章超過半年的網站，將面臨不定期的人工「抽測」——若抽測不符且未限期改善，標章將會被撤銷。
人工檢測不通過怎麼辦？
若人工檢測結果不符合標準，審核單位會提供具體的修正報告。承辦人必須在 7 日內完成修正並回覆，否則該案件將被結案，需要從頭重新走申請流程。建議收到修正報告後立即與網站開發廠商協調排程。
5. 無障礙設計的四大原則 (POUR 原則)
理解 POUR 原則能幫助你在網站開發階段就避開常見的無障礙缺陷，大幅降低 Freego 檢測與人工審查的退件率。過往觀念常將無障礙功能視為視覺吸引力的絆腳石，事實上無障礙設計並非要犧牲網站的美感。
| 原則 | 定義與技術核心 | 社福網站應用場景與美學實踐 |
|---|---|---|
| 感知 (Perceivable) | 資訊必須能被使用者感知。 | 美感Pro-tip：使用深藍色文字搭配純白背景，既能達成 AA 級的高對比度（≥ 4.5:1），又顯專業穩重。為溫暖的活動照片加上「替代文字 (Alt Text)」，讓視障者能聽見畫面。 |
| 操作 (Operable) | 介面組件必須是可操作的。 | 字體選擇：選用無襯線字體，在各種尺寸下皆能維持流暢。確保所有諮詢預約功能皆能透過「鍵盤」單獨操作，服務肢障使用者。 |
| 理解 (Understandable) | 資訊與操作必須是可理解的。 | 導航選單具備一致性，表單填寫錯誤時提供清晰的文字提示，而非僅用顏色或錯誤代碼，讓認知功能稍弱的受眾也能安心操作。 |
| 穩健 (Robust) | 內容必須強固，與輔助技術相容。 | 技術核心：採用語義化 HTML (Semantic HTML) 與 ARIA 標籤。這不僅是技術合規，更能確保網站跨裝置穩定呈現，就像為數位世界打好地基。 |
色彩對比：專業感與辨識度的基石
高對比度不僅能協助低視能使用者閱讀，更能為網站增添專業、俐落的視覺張力。
- 建議標準：文字與背景的對比度應符合 WCAG 2.1 AA 級標準 (≥ 4.5:1)。
- 實務應用：使用深海藍色文字搭配純白背景，既符合 AA 等級，亦能傳達社福機構的穩定感與信任度。
字體排版：可伸縮的優雅
可以選用如 Verdana、Arial 或 Tahoma 等無襯線字體，能確保內容在不同螢幕尺寸下皆具備極佳的清晰度。適當的行距與字距能防止頁面顯得擁擠，提升所有讀者的閱讀效率。
直覺式導航：讓資訊流動無阻
網站結構應具備邏輯性，並支援鍵盤操作。透過語義化的 HTML 標籤定義頁面區域，能幫助螢幕閱讀器使用者快速定位，也讓一般使用者在瀏覽時感到順暢自然。
6. 常見錯誤與實務優化建議
在協助社福機構優化網站時，我們發現以下是最常被忽略但極具價值的修正項目：
圖片替代文字 (Alt Text) 的深度
圖片不應僅標記為「圖片1」。
- 優化方式：應具備描述性。例如，一張長輩參與活動的照片，替代文字應寫為：「兩位長輩於社區活動中心練習書法，笑容燦爛」。
- 注意：裝飾性圖片可使用空白替代文字
alt=""，避免干擾螢幕閱讀器導讀。
避免語義不明的連結
嚴禁使用「瞭解詳情」或「按這裡」作為連結文字。
- 優化方式：應使用具說明性的錨定文字，如：[下載身心障礙補助申請表單] 或 [瀏覽無障礙規範 2.1 完整條文]。
多語言與文化包容性
考慮到台灣社會的多元性，網站應提供多種語言選項（如正體中文、英文、甚至台語/客語語音支援），並在介面設計上避免產生文化誤解。
參考文獻
- 自動化檢測：下載 Freego 單機版檢測軟體 - 數位發展部提供的檢測軟體，可協助檢核網站是否符合台灣無障礙網頁規範。
- 對比度檢查：WebAIM Color Contrast Checker - 實用的線上工具，幫助快速檢驗文字與背景色彩是否符合 WCAG AA 級或 AAA 級對比度標準。
- 結構化確認：使用 HeadingsMap 擴充功能檢核網頁層級 - 瀏覽器擴充功能，能一鍵列出網頁的標題階層（H1-H6），確保語意層級與 SEO 結構正確。
圖：數位平權不僅是法規，更是一種溫暖的社會包容
