數位與系統・Knowledge
網站無障礙規範
讓視障、聽障、行動不便與年長者也能用網站的設計標準,機關網站必須符合。
關鍵事實
- 主管機關:數位發展部,透過無障礙網路空間服務網提供規範、檢測與標章
- 等級:A、AA、AAA 三級,機關網站通常要求 AA
- 法規:身心障礙者權益保障法要求政府機關網站提供無障礙服務
- 核心要求:替代文字、鍵盤可操作、對比度、表單標示、字幕、標題結構、不只靠顏色
- 檢測方式:機器檢測加人工檢測,通過後申請標章,內容更新要維持符合
白話解釋
網站無障礙規範是讓身心障礙者與年長者也能使用網站的設計與開發標準。台灣由數位發展部主管,以國際的 WCAG 為基礎訂定國內規範,分為 A、AA、AAA 三級,檢測與標章由無障礙網路空間服務網辦理。
核心要求包括:圖片有替代文字、所有功能可用鍵盤操作、文字與背景對比足夠、表單欄位有標示、影片有字幕、頁面結構用正確的標題層級、不以顏色作為唯一的資訊提示。機關網站依法有無障礙義務;企業網站雖非強制,但符合規範也改善搜尋引擎理解與所有人的體驗。
你什麼時候會遇到它
承接公部門或接受補助的網站案,招標文件要求通過無障礙 AA 等級檢測並取得標章;顧客群以年長者為主,反映網站字太小、按鈕看不清;或是想申請某些政府計畫,被要求網站符合無障礙。這些都要回到同一套規範。
常見情境與對策
- 標案要求網站通過無障礙 AA 等級——開發前就依規範設計版型與元件,上線前用服務網的檢測工具加人工鍵盤與報讀器測試,通過後申請標章並把維持符合寫進維運 SOP。
- 既有企業網站想改善年長顧客的使用體驗——優先處理對比度、字級可放大、按鈕尺寸、表單標示與圖片替代文字,這些同時是無障礙規範的基本項目,不必一次追求標章。
- 網站通過檢測後編輯上傳了沒有替代文字的圖片——在 CMS 把替代文字設為必填並教育編輯,定期用檢測工具重掃,複檢前先自行修正。
LINE 諮詢
把無障礙網站的現況與需求傳過來,先免費書面初判。
- 傳什麼
- 現有網站網址與後台權限還沒有網站也能先談
- 商品或服務清單、作業流程說明表單樣張或試算表皆可
- 需求清單一句話也行
- 多久回
- 週一至週五 09:00–18:00 依序回覆;LINE 全天可傳資料
- 下一步
- 免費書面初判
- 約時間細談
- 委任開發
先傳資料做初判,需要時再約時間細談
程序怎麼走
- 確認目標等級:依契約或法規要求決定 A、AA 或 AAA,並列出適用的檢測項目。
- 設計階段納入:版型的對比、字級、焦點樣式、標題結構與元件的鍵盤操作在設計稿就定好。
- 開發與內容配合:程式使用語意化結構與標示,內容端提供替代文字、字幕與清楚的連結文字。
- 機器加人工檢測:用服務網工具掃描並修正,再以鍵盤與螢幕報讀器實際操作主要流程。
- 申請標章與維持:通過後申請標章,把替代文字、字幕等要求寫進編輯 SOP,定期重掃。
先看清楚
機器檢測只能找出一部分問題,人工檢測(鍵盤操作、螢幕報讀器)才是標章審查的重點;內容更新後(新圖片沒替代文字、新影片沒字幕)會讓已通過的網站不符合,要納入編輯流程。標章有效期與複檢規定要留意。
常見錯誤
- 上線前才想到無障礙——版型與元件要大改,時程與預算都失控。
- 只跑機器檢測就送審——鍵盤無法操作選單、報讀器讀不出表單,人工檢測被退。
- 通過標章後內容隨便更新——新圖片沒替代文字,複檢不過,標章失效。
行動前自查清單
- 目標等級與檢測項目已在開發前確認
- 設計稿已含對比、字級、焦點樣式與標題結構
- 所有圖片有替代文字、影片有字幕、表單欄位有標示
- 主要流程可全程以鍵盤與螢幕報讀器完成
- 編輯 SOP 含無障礙要求,定期重掃排程已排定
常見問題
網站無障礙規範是什麼?
讓視障、聽障、行動不便與年長者也能用網站的設計標準,機關網站必須符合。網站無障礙規範是讓身心障礙者與年長者也能使用網站的設計與開發標準。台灣由數位發展部主管,以國際的 WCAG 為基礎訂定國內規範,分為 A、AA、AAA 三級,檢測與標章由無障礙網路空間服務網辦理。
核心要求包括:圖片有替代文字、所有功能可用鍵盤操作、文字與背景對比足夠、表單欄位有標示、影片有字幕、頁面結構用正確的標題層級、不以顏色作為唯一的資訊提示。機關網站依法有無障礙義務;企業網站雖非強制,但符合規範也改善搜尋引擎理解與所有人的體驗。
什麼時候會遇到網站無障礙規範?遇到了該怎麼辦?
承接公部門或接受補助的網站案,招標文件要求通過無障礙 AA 等級檢測並取得標章;顧客群以年長者為主,反映網站字太小、按鈕看不清;或是想申請某些政府計畫,被要求網站符合無障礙。這些都要回到同一套規範。
提醒:機器檢測只能找出一部分問題,人工檢測(鍵盤操作、螢幕報讀器)才是標章審查的重點;內容更新後(新圖片沒替代文字、新影片沒字幕)會讓已通過的網站不符合,要納入編輯流程。標章有效期與複檢規定要留意。如需協助,可將文件交由偉騰開發興業免費書面初判(加 LINE「偉騰開發」傳文件即可)。
法源出處
對應的偉騰服務
相關名詞
- 內容管理系統(CMS):讓不會寫程式的人也能新增文章、改文字、換圖片的網站後台,網站內容與程式分開管。
- 響應式網頁設計(RWD):同一個網頁依螢幕寬度自動調整版面,手機、平板、電腦都好讀,不必做兩個網站。
- 核心網頁指標:Google 用三個數字量化網頁體驗:載入多快、互動多順、版面會不會跳。
延伸閱讀:更多「數位與系統」與常查名詞
- 搜尋引擎優化(SEO)
- SSL 憑證與 HTTPS
- 應用程式介面(API)
- 客戶關係管理系統(CRM)
- 企業資源規劃與進銷存
- 金流串接
- 電子發票串接
- 漸進式網頁應用(PWA)
- 隱私權政策與個資告知
- 網域與 DNS
- 301 轉址與標準網址
- 需求規格書與規格凍結
免費工具
別逐字研究了,把文件傳過來。
公文、謄本、稽查紀錄整份交給偉騰,前臺東縣環保局長團隊 24 小時內免費書面初判:狀況多嚴重、期限剩多少、下一步做什麼。LINE 傳文件免費判讀