1. 首頁
2. 知識庫
3. Sharing AI 架站平台教學
4. 網站無障礙怎麼做？台灣無障礙規範、檢測工具與標章申請

Sharing AI 架站平台教學

網站無障礙怎麼做？台灣無障礙規範、檢測工具與標章申請

作者：JamXu更新日期：2026-11-04

網站無障礙是什麼？受惠的不只是身心障礙者

網站無障礙（Web Accessibility）指的是讓不同能力、不同使用情境的人，都能看得到、聽得到、操作得了網站，並且理解網站上的資訊。全盲的使用者靠螢幕閱讀器把文字唸出來，所以圖片要有文字說明；手部不方便的使用者只用鍵盤，所以每個按鈕都要能用 Tab 鍵移動過去；聽障的使用者看不到影片的聲音，所以影片要有字幕。

很多人以為無障礙只是為了少數人額外做的功能，其實受惠的範圍大得多。高齡長輩、色弱的人、手受傷暫時不能用滑鼠的人，以及在大太陽下看手機的人，都會因為無障礙設計而更容易使用網站。字夠大、對比夠清楚、按鈕好按、表單錯誤講得清楚，本來就是好網站的條件。

國際上最常引用的標準，是 W3C（全球資訊網協會）制定的網頁內容無障礙指引（WCAG）。依W3C 的 WCAG 2.1 標準，整套指引由上而下分成四個原則、13 項指引與 78 條成功準則，每一條成功準則都標有 A、AA 或 AAA 的等級。台灣的網站無障礙規範也沿用同樣的架構。

這篇文章先說明台灣的規範與法律要求，再整理最常見的問題與修正方法、檢測工具的用法，以及無障礙標章的申請流程。網站經營主題頁的「易讀性與無障礙」一節只談對比與連結顏色，這裡是完整的深入版；PageSpeed Insights 的無障礙分數怎麼解讀，則請直接看PageSpeed Insights 的無障礙分數說明。

台灣的網站無障礙規範：法律要求誰、依據什麼標準

台灣網站無障礙的法律依據是身心障礙者權益保障法。依全國法規資料庫的身心障礙者權益保障法第 52-2 條，各級政府及其附屬機關（構）、學校所建置的網站，應通過第一優先等級以上的無障礙檢測，並取得認證標章；檢測標準、方式、頻率與標章核發辦法，由目的事業主管機關訂定。

這條規定原本由國家通訊傳播委員會負責，民國 111 年 8 月 27 日數位發展部成立後，改由數位發展部接續推動，相關資訊與標章申請都集中在數位發展部的「無障礙網路空間服務網」。

網站無障礙規範與 WCAG 2.1 的關係

現行的「網站無障礙規範」是在民國 110 年依 WCAG 2.1 納入新增內容後修正，並自 110 年 7 月 1 日起實施。它和 WCAG 2.1 一樣，以 4 個原則、13 項指引與 78 條成功準則為架構，每一條成功準則對應台灣規範中的檢測碼，Freego 檢測工具與人工檢測都依照這套內容進行。

W3C 在 2023 年 10 月 5 日發布了 WCAG 2.2，比 2.1 多了 9 條成功準則，並把已經過時的 4.1.1「剖析」移除。依數位發展部 2024 年說明會的資料，台灣標章檢測依據的仍是 110 年 7 月版的規範；申請前請到無障礙網路空間服務網確認當下的版本與檢測工具版本。設計新網站時，順手把 WCAG 2.2 新增的項目一起做到，例如按鈕不要太小、取得焦點的元件不被其他區塊遮住，對使用者只有好處。

政府網站與民間網站的要求不同

對民間網站，數位發展部在 2024 年人權工作小組會議紀錄中說明，目前無法強制民間推行無障礙網站，而是提供技術規範、諮詢、常見問題專區與 Freego 檢測工具，讓企業可以自行檢測。換句話說，民間網站做無障礙是自願的，但標準、工具與申請管道和政府網站是同一套。

政府網站本身也還在追趕。行政院公布的身心障礙者權利公約指標資料顯示，截至民國 114 年，機關對外服務網站共 3,960 個，其中 1,373 個已取得無障礙認證標章，比例為 34.67%。如果你的公司承接機關或學校的網站專案，無障礙通常是合約中的必要條件，要在報價與時程裡先算進去。

檢測等級 A、AA、AAA 怎麼選？

每一條成功準則都屬於一個等級。等級是累加的：要達到 AA，必須同時符合所有 A 與 AA 的成功準則；要達到 AAA，三個等級都要符合。

對一般企業網站，建議以 AA 為目標。A 等級只處理最基本的障礙，像文字對比不足這類高齡者最常遇到的問題要到 AA 才會檢查；AAA 的部分項目對特定內容並不實際，例如所有影片都要提供手語翻譯，通常只會在特定頁面或專區追求。

從數位發展部開放資料的「無障礙網頁標章統計」也看得出這個趨勢：本文撰寫時（2026 年 11 月 4 日下載）啟用中的標章共 7,681 筆，AA 有 5,805 筆、A 有 1,784 筆、AAA 只有 92 筆；其中以「民間團體」身分取得的標章有 638 筆，涵蓋企業官網、金融服務專區與數位閱讀平台等不同類型的網站。

民間企業網站要不要做無障礙？三種情況值得優先處理

既然民間網站沒有強制規定，要不要投入，可以從自己的顧客與業務來判斷。以下三種情況，無障礙特別值得優先處理：

• 顧客中有高齡者或需要協助的人：醫療、長照、保險、銀髮產品、在地生活服務的網站，看不清楚字、按不到按鈕的訪客往往就是你的主要客群。
• 網站要交付給政府或學校：承接機關、學校的網站或與其合作的專區，無障礙是法定條件，最好讓團隊平常就熟悉規範。
• 網站有線上交易或申請流程：表單、訂購、預約流程只要有一步無法操作，就是直接流失的訂單或詢問。

無障礙和 SEO 也有不少重疊。圖片替代文字、清楚的頁面標題、合理的標題階層、有意義的連結文字，既能幫助螢幕閱讀器使用者，也能幫助搜尋引擎理解頁面內容；Google 的圖片最佳做法同樣建議撰寫實用、符合脈絡的替代文字。不過要注意，取得無障礙標章並不代表搜尋排名會提升，兩者的目的不同，不要把標章當成 SEO 手段來宣傳。

成本方面，用無程式碼架站平台製作的形象網站，多數問題出在內容而不是程式：圖片沒有寫替代文字、把文字做成圖片、顏色對比太淡。這些在建立內容時就可以避免，幾乎不需要額外費用。真正花時間的是客製元件，例如自己寫的輪播、彈出視窗與互動地圖，越早規劃，修改成本越低；編列預算時，可以把無障礙檢測與修正列為架站費用中的一個項目。

最常見的十個無障礙問題與修正方法

自動檢測工具與人工檢測最常抓到的問題，其實集中在少數幾類。下表依 WCAG 2.1 的成功準則整理，先把這十項處理好，大部分網站的狀況就會明顯改善：

替代文字怎麼寫：先判斷圖片在頁面上的用途

替代文字的目的，是讓看不到圖片的人得到和看得到的人相同的資訊。所以寫之前先問：這張圖片如果拿掉，頁面少了什麼？

• 傳達資訊的圖片：寫出圖片要說的事，例如「門市外觀，招牌下方有無障礙坡道」，而不是「圖片」「photo1」。
• 功能性圖片：當成連結或按鈕的圖片，寫出點了之後會做什麼，例如標誌連到首頁就寫「回首頁」或品牌名稱。
• 含文字的圖片：活動海報、價目表做成圖片時，替代文字要包含圖中的重要文字；能用一般文字呈現的資訊，就不要做成圖片。
• 純裝飾圖片：背景花紋、分隔線這類不帶資訊的圖片，依 W3C 的圖片教學應提供空白替代文字（alt=""），讓螢幕閱讀器略過，不要硬塞關鍵字。

替代文字不需要以「這是一張……的圖片」開頭，螢幕閱讀器本來就會告訴使用者這是圖片。長度以說清楚為原則，複雜的圖表可以在內文用文字再說明一次。圖片上傳前的尺寸與檔名整理，可以搭配網站圖片尺寸與上傳前處理一起做。

對比與顏色：不要只靠顏色傳達資訊

對比不足是最常見、也最容易被忽略的問題，因為設計師的螢幕通常又大又亮。WCAG 2.1 的 AA 等級要求一般文字與背景的對比至少 4.5:1，大字（約 18 點，或 14 點粗體）至少 3:1。淺灰色字配白底、白字壓在照片上，是最常見的失分來源。

另一個常見錯誤是只用顏色表示狀態，例如表單錯誤欄位只把框線變紅，或內文連結只靠顏色和一般文字區分。色弱的使用者可能完全看不出差別，應該加上文字說明、圖示或底線。全站的配色與按鈕樣式，最好在網站設計規範階段就檢查過對比，之後每個頁面直接套用。

鍵盤操作與焦點：把滑鼠收起來試試看

只用鍵盤的使用者，靠 Tab 鍵在連結、按鈕與欄位之間移動，用 Enter 或空白鍵執行，用 Esc 關閉視窗。最常見的問題有三種：自己寫的下拉選單只能用滑鼠打開、彈出視窗開啟後焦點還留在後面的頁面，以及為了美觀把焦點外框整個移除。

移除焦點外框會讓鍵盤使用者完全不知道自己在哪裡，覺得預設樣式不好看，可以改成符合品牌的樣式，但不要拿掉。彈出視窗的鍵盤操作細節，在網站彈出視窗的設計規範中有說明；常見問題頁的展開收合，則可以參考FAQ 頁面的展開收合寫法。

標題結構與連結文字：讓螢幕閱讀器使用者也能快速瀏覽

看得到畫面的人會先掃過大標題找到想看的段落，螢幕閱讀器使用者則是用標題清單跳著聽。所以標題不是字體大小的選擇，而是內容的大綱：每頁一個 H1 說明這頁的主題，底下用 H2 分段、H3 分小節，不要因為想要小一點的字就跳級。瀏覽器分頁上顯示的頁面標題也要能說明這一頁是什麼，寫法和SEO 標題的寫法相同；選單名稱與層級則要和網站架構與選單規劃一致，讓使用者不論用哪種方式瀏覽都找得到路。

連結文字也是同樣道理。螢幕閱讀器可以列出頁面上所有連結，如果每個都叫「了解更多」，使用者根本不知道哪個連到哪裡。把連結寫成「查看三種方案的價格」這類能單獨理解的文字，和內部連結的錨點文字原則是同一件事；按鈕文字的寫法則可以參考CTA 按鈕文案的寫法。

表單、影音與動態內容

表單欄位要有看得到的欄位名稱，必填項目用文字標示，而不是只有紅色星號；送出失敗時，用文字說明哪一欄錯了、該怎麼改。欄位設計的完整做法在網站表單設計教學，這裡只提醒一件事：只放在輸入框裡的提示文字，一開始輸入就會消失，不能取代欄位名稱。

影片方面，預錄影片要有字幕，自動播放超過 3 秒的聲音要能暫停或調整音量；頁面上的輪播、跑馬燈只要自動開始、持續超過 5 秒，就要提供暫停的方法。影片字幕的製作方式可以參考影片 SEO 的字幕與逐字稿做法。

網站無障礙檢測工具：Freego、自動檢測與人工檢查

Freego 怎麼用：申請標章前的軟體檢測

Freego 是數位發展部在無障礙網路空間服務網提供的單機版檢測工具，各界都可以下載使用。依數位發展部說明會的操作說明，使用方式大致如下：

1. 下載最新版：到無障礙網路空間服務網的下載專區取得最新版 Freego，申請標章時必須使用最新版的檢測報告。
2. 設定檢測範圍：輸入網站的完整網址，選擇「全網站」檢測，並選定要申請的等級（A、AA 或 AAA）。
3. 修正問題頁面：依報告列出的問題頁面與檢測碼逐一修正，修好後可以用單頁檢測再確認一次。
4. 產出全網站報告：全部通過後產出全網站檢測報告；結果符合時，軟體會詢問是否上傳檢測結果，選擇上傳後取得上傳編號。

Freego 檢測時會開啟 Chrome 瀏覽器，出現開啟錯誤時，通常要更新和 Chrome 版本相符的 ChromeDriver。另外要注意，上傳編號只有 7 個工作日的有效期，請在期限內完成標章申請。

自動檢測只能找到一部分問題

自動工具能判斷「圖片有沒有替代文字」，卻無法判斷替代文字寫得對不對；能算出對比數值，卻無法判斷鍵盤操作順序是否合理。所以 PageSpeed Insights 的無障礙分數拿到 100 分，也不代表網站已經無障礙。數位發展部的說明會資料也提到，人工檢測與身障人員抽測都是在開啟 NVDA 螢幕閱讀軟體的狀態下進行，建議檢視問題頁面時也開啟 NVDA，模擬實際使用的情境。

自己做一次人工檢查：五個動作

不需要專業設備，挑首頁、一個服務頁和聯絡表單，各花十分鐘做以下檢查，就能找到大部分自動工具抓不到的問題：

1. 只用鍵盤：從頁面最上方按 Tab 一路往下，確認每個連結與按鈕都能到達、焦點位置一直看得到、選單與表單都能操作完成。
2. 放大到 200%：用瀏覽器把畫面放大到 200%，確認文字沒有被裁切、重疊，功能仍然可用。
3. 手機窄畫面：用手機或把視窗縮到很窄，確認內容不需要左右捲動。
4. 看標題大綱：用瀏覽器擴充功能或螢幕閱讀器列出標題，確認只有一個 H1，順序像一份目錄。
5. 聽一次表單：開啟螢幕閱讀器操作聯絡表單，確認每個欄位都會唸出名稱，送出錯誤時聽得到錯誤說明。

手機版的檢查重點，例如沒有左右捲動、按鈕間距，在RWD 響應式網站的檢查方法中有完整清單。

操作步驟：用 Sharing AI 檢測報告找出缺少替代文字與標題結構的頁面

用 Sharing AI 架站平台製作的網站，可以先用後台的 SEO 檢測報告，把「缺少替代文字」與「標題結構」這兩類和無障礙最相關的問題一次找出來。報告不會取代 Freego 與人工檢查，但很適合當成日常維護的第一關。

步驟 1開啟 SEO 檢測報告

登入後台，在左側選單展開「SEO 優化」，點選「檢測報告」。這份報告會逐頁檢查網站上的頁面與文章，畫面上方是平均分數與通過、待改善、未通過的頁數。

步驟 2查看標題結構與圖片完成度

在「各項目完成度」找到「標題結構」與「圖片 Alt / WebP」兩項，分母是受檢的頁面數，分子是通過的頁面數。這兩項和無障礙最直接相關，數字和頁面總數差越多，代表要處理的頁面越多。

步驟 3切換到待改善分頁

點選頁面清單上方的「待改善」，清單只會留下需要處理的頁面。右側的 H1 與圖片欄位出現黃色驚嘆號，就是標題結構或圖片沒有通過檢查。

步驟 4展開頁面看檢查明細

點選頁面名稱左側的加號展開明細。「標題結構」會寫出這一頁有幾個 H1、H2、H3，「圖片 Alt / WebP」會寫出共有幾張圖片、其中幾張缺少替代文字。把頁面名稱和問題記在待修清單上。

步驟 5到頁面圖庫檢查替代文字

開啟左側的「頁面圖庫」，圖片下方的文字就是該圖片的替代文字，可以用上方搜尋框依檔名或替代文字找圖片。點一下圖片下方的文字就能直接修改，看起來像英文檔名的替代文字，就是要改寫成描述內容的對象。

找出問題頁面後，回到該頁的編輯畫面修正：多出來的 H1 改成 H2，缺少替代文字的圖片在圖片設定中補上描述。要注意，頁面圖庫中的替代文字是圖片本身的資料，已經放進頁面區塊的圖片，替代文字可能是放入時另外設定的，修改後請到前台或重新整理檢測報告確認結果。

報告的「圖片 Alt / WebP」同時檢查圖片格式，「標題結構」也會提醒 H2 數量，這些和 SEO 有關的項目可以一起處理。上線前完整的檢查流程，可以搭配網站上線前檢查清單使用；各功能在後台的位置，集中整理在Sharing AI 架站平台教學。

無障礙標章怎麼申請？九個步驟一次看懂

網站修正完成、Freego 檢測通過後，就可以到無障礙網路空間服務網申請認證標章。依數位發展部公布的申請流程，從檢測到取得標章分成三個階段、九個步驟：

民間網站用一般會員申請

政府網站必須由機關承辦人以「我的 E 政府」公務帳號登入申請；一般企業、民間團體的網站，則是以服務網的一般會員身分提出申請。依數位發展部說明會資料，非公務機關在填寫機關代碼時，搜尋「0000000000」（10 個零）或「民間團體」即可。

填寫申請資料時，有幾個常見的退件原因要先避開：

• 網站尚未正式上線：只受理已正式上線、提供大眾公開資訊的網站，內容與功能都還沒完成的網站不受理。
• 申請後台或限定身分的系統：後台、行政管理系統或只開放特定身分使用的網站，一般不受理申請。
• 網址不一致：申請網址要和 Freego 檢測的網址相同，不能用測試網址或 IP，也不要用「網域/home」這類非網域根目錄的網址；也要確認網址已使用 https 安全連線。

申請要多久？

依數位發展部說明會整理的實務經驗，基本資料審查約 1 至 2 天，人工檢測為 7 個工作日，從申請到取得標章平均約需 1 個月到 1.5 個月。如果網站有明確的上線或驗收日期，例如要在活動前取得標章，請把這段時間和可能的修正時間一起排進時程。

檢測結果：符合、限期改善或退件

收到檢測報告不等於取得標章，只有結果為「符合」才代表成功取得標章。報告寄送的信件有時會被分到垃圾郵件匣，送出申請後要記得定期查看信箱或會員專區。

取得標章之後：效期、抽測與改版要注意的事

標章不是一次性的成績單。取得之後，以下幾件事會影響標章能不能繼續有效：

• 效期 3 年：標章自核發日起 3 年內有效，屆期不能展延，要重新申請，記得在到期前預留檢測與修正的時間。
• 半年後抽測：取得標章滿半年後，會由身心障礙檢測人員不定期抽測，所以日常新增的內容也要維持無障礙。
• 改版要重新申請：依現行規範，網站重新改版建置需要重新申請標章。
• 網址變更視同新網站：網站換網址，要依標章申請步驟重新提出申請，並在備註說明原網站名稱與原因。

最容易出問題的是第二點。網站上線時檢測通過，之後由不同同事上傳的圖片沒有替代文字、新增的活動海報整張是圖片、新的影片沒有字幕，抽測時就可能被要求改善。所以負責更新內容的人，也要知道替代文字、標題與連結文字的基本寫法，最好把這幾條寫進文章發布流程的檢查清單。

無障礙標章申請的五個常見迷思

數位發展部整理過申請者最常誤解的地方，以下是對照整理：

委外製作網站時，無障礙怎麼寫進需求與驗收

如果網站是委託廠商製作，無障礙最好在一開始就寫進需求，而不是上線後才發現要大改。需求書可以這樣寫：

需求書的完整寫法、驗收階段與保固條款，可以參考網站需求書與驗收標準的寫法；首頁輪播、主視覺這些最容易出現無障礙問題的區塊，規劃時也可以對照公司網站首頁的區塊規劃。

從哪裡開始？網站無障礙改善的優先順序

無障礙改善不必一次做到完美。建議依「影響多少人、修正難度多高」排出順序，先處理流量最大、最關鍵的頁面：

最後提醒，無障礙不是一次性的專案，而是內容管理習慣的一部分。如果你正打算新建或改版網站，想把無障礙一起規劃進去，歡迎與我們聯絡，一起討論網站的目標使用者、要達到的等級，以及適合的製作與維護方式。也可以先試用Sharing AI 架站平台，用後台的檢測報告看看現有內容的狀況。