數位果子 BLOG
本站是數位果子的部落格網站。

很多學校一碰到無障礙網頁,第一個反應通常都是:到底要做到哪個等級?是 A 還是 AA?還有,規範看起來很多,申請流程又像另一回事,真的要一次全部搞懂嗎?其實把重點拆開看,就沒有那麼亂。以台灣目前的官方制度來說,學校網站依法至少要通過 A 級以上 無障礙檢測;但如果是 新設或改版網站,官方也明確指出應依 AA 等級 進行設計。這也是為什麼很多學校現在談無障礙時,最常直接以 AA 作為主要目標。
如果你是學校承辦人、資訊老師、廠商或校內需要做網站改版的人,這篇可以先幫你把最常卡住的幾件事一次理清:無障礙網頁是什麼、AA 到底代表什麼、學校網站該看哪些規範、標章怎麼申請、以及校內最容易忽略哪些地方。以下我用比較白話的方式整理。官方依據主要來自數位發展部無障礙網路空間服務網。



讓更多人搜尋到你的產品?現在有機會免費行銷 20 天!
現在越來越多品牌開始透過 內容行銷,讓產品被 Google 搜尋到。
我們現在開放 20 天免費內容行銷體驗,透過搜尋曝光與內容推廣,幫助你的產品被更多人看見。

先講最簡單的版本。所謂學校無障礙網頁,就是讓不同能力、不同裝置、不同使用情境的人,都能順利取得網站資訊並完成操作。它不是只服務少數族群,也不是另外做一個「文字版網站」就算完成。官方規範強調的是正式網站本身要符合可及性要求,而不是做一個替代版本應付檢測。
對學校來說,這件事特別重要。因為學校網站常常不是只有校史介紹,還有招生資訊、公告、行事曆、聯絡窗口、下載專區、活動消息、表單和各處室頁面。只要其中某些地方看不清楚、按不到、讀不懂,對學生、家長、老師或需要輔助工具的人來說,就可能直接卡住。這也是為什麼學校網站的無障礙,不只是形式上的標章問題,而是資訊能不能真正被使用者接觸到。這段是根據官方規範對無障礙目的與學校網站適用範圍的整理。
官方規範的基礎架構,仍然是大家熟悉的四大原則,也就是常說的 POUR。數位發展部的網站無障礙規範(110.07)同樣以這四個方向整理內容。

第一個是 可感知。
也就是網站資訊要能被使用者察覺。圖片要有替代文字、影片要有合適輔助方式、文字與背景不能淡到看不清楚,重要訊息也不能只靠顏色區分。
第二個是 可操作。
網站不能只讓滑鼠使用者順利。選單、按鈕、表單、跳窗、焦點移動,都應該能用鍵盤操作。
第三個是 可理解。
頁面邏輯要清楚,連結名稱不能太模糊,表單提示要看得懂,內容結構要一致。
第四個是 穩健性。
網站內容要能被不同瀏覽器與輔助工具正確解析,不能只在特定裝置上看起來正常。
如果你只想先記一句話,可以把它理解成:網站要讓人看得到、按得到、看得懂,也要讀得出來。 這四個方向,就是學校網站做無障礙時的基礎。
很多人看到無障礙規範會先被 A、AA、AAA 搞混。其實可以這樣理解:
A 是基本門檻,AA 是更完整、也是目前實務上最常用的設計標準,AAA 則更高。依《身心障礙者權益保障法》第 52-2 條第 1 項,學校網站至少應通過 第一優先等級,也就是 A 級以上 無障礙檢測;但數位發展部 FAQ 也明確指出,依立法院通案決議,政府機關與學校在網站 新設或改版時,應依 AA 等級進行設計。

所以如果你問「學校網站到底該做到哪裡」,比較實際的答案會是:
依法最低要達到 A 級以上。
新設或改版網站,建議直接以 AA 為目標。
這也是為什麼現在很多學校一談無障礙,不太會只停在 A,而是直接討論 AA。因為如果網站都已經要重做或改版了,後面還要申請標章,再回頭補到 AA,通常只會更累。這個判斷是依官方條文與 FAQ 的合併理解。
如果你要找目前台灣官方網站規範,最重要的入口就是數位發展部的 「網站無障礙規範(110.07)」。這份規範延續原有的條文架構,以「原則、指引、成功準則、檢測等級、檢測碼、稽核評量碼」來整理,並且明講網站開發人員應該依照網站無障礙可及性設計的 4 原則來規劃網站。
如果你是承辦人,可能不用一開始就逐條讀完全部成功準則;但至少要知道,正式申請前除了跑 Freego 這種機器檢測,還要依規範中的 人工檢測碼 做自行檢視。官方在標章流程說明裡講得很直接:步驟 1 是用 Freego 完成全網站檢測,步驟 2 就是依「無障礙網頁開發規範」的人工檢測碼自行檢視確認。
換句話說,規範不是只給工程師看的。它也影響承辦人怎麼檢查首頁、公告、表單、下載區和整站內容。

這個問題非常重要。官方「標章使用規定」明確寫到,全網站 指的是「同一 URL 下的所有網頁,包含同一 URL 下的目錄且有設定超連結的網頁」;也進一步定義 全網域 是機關網域下的所有網站。這表示學校若以某個正式網站申請標章,不是只看首頁,而是要把同一 URL 底下的頁面都一起考量。
這也是很多學校最容易卡住的地方。前面首頁改好了,但後面的公告、處室頁、下載區、歷史頁面、子目錄內容還留著舊格式,申請時就很容易出狀況。所以學校做無障礙,真正要有的不是「首頁過關思維」,而是「正式網站範圍管理」。這是依官方對全網站定義所做的直接推論。

依官方「無障礙網頁標章登錄及張貼作業流程調整說明」,學校網站申請大致可以整理成以下 6 步:
這裡最值得記住的一句話是:Freego 只是前置,不是全部。
因為官方流程本來就包含人工檢視與人工抽檢,所以如果只把無障礙理解成「跑工具」,後面很容易被現實打回來。

很多人以為拿到標章之後,只要把圖放上去就好。其實官方連標章張貼方式都有明確規定。數位發展部的標章使用規定要求,標章圖片尺寸規格不要任意更動,並建議在網頁標頭加入特定的 meta 說明,像是:<meta name="Accessible_website" content="本網站通過A/AA/AAA檢測等級無障礙網頁檢測">。
官方這樣做的目的,是方便搜尋引擎、特殊上網裝置與輔助工具辨識網站已通過無障礙檢測。也就是說,標章不是裝飾圖,而是整體網站無障礙資訊的一部分。

第一個,是以為 A 就夠了,改版不用碰 AA。
但官方對學校新設或改版網站的要求很明確,應依 AA 等級進行設計。
第二個,是只做機器檢測,沒有做人工檢視。
官方流程明確把人工檢測碼自我檢視列為申請前步驟之一。
第三個,是只修首頁,沒有把正式網站範圍一起整理。
官方對全網站定義講得很清楚,不是只看單頁。
第四個,是把無障礙當成最後送件前才補的工作。
如果是新設或改版站,官方本來就要求依 AA 設計,代表它應該在需求、設計、開發階段就被納進去,而不是最後才追加。這是依官方 AA 設計要求做出的直接推論。
如果你不是工程師,也不是每天看規範的人,最實際的做法通常不是先把所有條文背起來,而是先抓 4 件事:
先確認學校正式申請的網站範圍。
確認改版站是否直接以 AA 為目標。
安排 Freego 全站檢測與人工檢視。
把申請資料、檢測報告、承辦窗口先整理好。
這樣至少可以避免一開始就被規範量嚇住,也能讓校內資訊單位、內容單位與廠商更容易協作。
學校無障礙網頁規範其實沒有想像中那麼難抓重點。先記住兩件事就好:
第一,學校網站依法至少要達 A 級以上,但新設或改版時應以 AA 等級設計。
第二,申請標章不是只跑工具,而是要走全網站檢測、人工檢視、會員送件與後續抽檢流程。
如果把這兩個核心先抓住,後面不管是和廠商討論、校內協調、網站改版,還是準備正式申請,都會清楚很多。畢竟學校網站做無障礙,重點從來不只是「拿到標章」,而是讓更多人都能真正用得到網站。這一點也正是官方規範存在的核心目的。