無障礙網頁設計是什麼？AA 與 AAA 差在哪？

不是每個人都用同樣的方式瀏覽網站。有人透過螢幕報讀軟體「聽」網頁，有人只能用鍵盤操作，也有人需要放大字體或提高對比才能看清楚。無障礙網頁設計，就是讓不同能力、不同使用情境的人，都能順利取得網站上的資訊。

本文說明無障礙網頁設計是什麼、台灣的網站無障礙規範，以及 A、AA、AAA 三個等級的差別。

什麼是無障礙網頁設計？

無障礙網頁設計（Web Accessibility）是在設計與開發網站時，考慮不同使用者的需求，讓網站內容能被感知、操作與理解。受益的不只是身心障礙者，也包括許多日常情境中的使用者：

• 視覺障礙者：透過螢幕報讀軟體朗讀網頁內容，需要圖片有替代文字、網頁有清楚的標題結構。
• 聽覺障礙者：觀看影片時需要字幕或文字說明。
• 肢體障礙者：可能無法使用滑鼠，需要能以鍵盤完成所有操作。
• 長者：視力與操作能力改變，需要足夠的字級、對比與清楚的版面。
• 一般使用者：在強光下看手機、手受傷暫時無法操作滑鼠時，無障礙設計同樣能派上用場。

台灣的網站無障礙規範

台灣目前依循的「網站無障礙規範」，以國際標準 WCAG 2.1（Web Content Accessibility Guidelines）為基礎，自 2021 年 7 月 1 日起施行。網站的無障礙檢測與標章業務，自 2022 年 8 月起由數位發展部辦理。

網站通過機器檢測與人工檢測後，可以取得對應等級的無障礙標章，標章自核發日起三年內有效。依《身心障礙者權益保障法》規定，政府機關與學校的網站應通過無障礙檢測並取得標章，並以 AA 以上等級為要求。

行政院也已在 2025 年 12 月通過修正草案，擬將一定規模以上的醫院與金融機構網站納入規範，實際內容仍以立法院審議結果為準。

A、AA、AAA 三個等級的差別

WCAG 將無障礙檢測標準分為三個等級，等級越高，要求越嚴格，且高等級需要同時符合較低等級的所有標準：

AAA 的標準相當嚴格，部分類型的內容難以完全符合。WCAG 的制定單位 W3C 也說明，不建議把整個網站都必須達到 AAA 作為一般性的要求。因此多數網站以 AA 為目標，再依網站性質，針對重點頁面提升到 AAA。

無障礙網頁設計的 6 個基本做法

1. 圖片提供替代文字

為有意義的圖片撰寫 alt 替代文字，讓螢幕報讀軟體能說明圖片內容；純裝飾用的圖片則保留空白的 alt，避免報讀不必要的資訊。

2. 文字與背景要有足夠的對比

淺灰色文字搭配白色背景雖然好看，卻不容易閱讀。文字與背景要有足夠的色彩對比，也不要只用顏色傳達訊息，例如錯誤提示除了紅字，也要加上文字說明。

3. 所有功能都能用鍵盤操作

選單、按鈕、表單與彈出視窗，都要能用鍵盤的 Tab、Enter 等按鍵操作，並清楚顯示目前停留的位置（焦點），讓使用者知道自己在網頁的哪裡。

4. 清楚的標題與頁面結構

依照內容層級使用 H2、H3 等標題，讓螢幕報讀軟體的使用者可以快速瀏覽段落；網頁也可以提供導盲磚與網站導覽，方便使用者快速找到主要內容。

5. 表單提供清楚的標籤與錯誤提示

每個表單欄位都要有對應的文字標籤，填寫錯誤時清楚說明哪個欄位出了什麼問題，以及如何修正。

6. 影音內容提供字幕或文字說明

影片提供字幕，音訊內容提供文字稿，讓聽覺障礙者與無法開啟聲音的使用者，也能了解影音的內容。

一般企業網站也需要無障礙嗎？

目前法規主要要求政府機關與學校的網站，但無障礙設計對一般企業網站同樣有幫助：

• 服務更多客戶：讓長者與身心障礙者也能順利瀏覽與聯絡，不會因為網站設計而流失客戶。
• 提升整體使用體驗：清楚的結構、足夠的對比與容易操作的介面，對所有使用者都更友善。
• 有助於搜尋引擎理解內容：圖片替代文字與清楚的標題結構，也能幫助搜尋引擎理解網頁內容。
• 展現企業社會責任：重視無障礙，也是企業落實數位平權的具體行動。

網站導覽等無障礙相關頁面的規劃，可以參考企業官網一定要有的頁面清單。

優吉兒的無障礙網站設計

優吉兒提供符合 AA 等級、最高可達 AAA 等級的無障礙網站設計。從版面規劃、色彩配置到切版開發，都依照網站無障礙規範進行，網站可通過機器檢測與人工檢測，協助客戶取得數位發展部的無障礙標章。

我們已協助多個政府機關網站取得無障礙標章，相關案例可以參考政府機關無障礙網站作品；服務內容則可以參考無障礙網站設計。

常見問題

無障礙標章的有效期限是多久？

無障礙標章自核發日起三年內有效。期滿前需要重新申請檢測；網站改版時，也需要重新檢測。

通過機器檢測，就代表網站符合無障礙嗎？

不一定。機器檢測可以找出許多技術問題，但像替代文字是否恰當、鍵盤操作是否順暢等項目，仍需要人工檢測確認。取得無障礙標章，需要同時通過機器檢測與人工檢測。

一般企業網站一定要取得無障礙標章嗎？

目前法規主要規範政府機關與學校的網站，一般企業網站沒有強制要求。但企業可以依需求導入無障礙設計，也可以申請標章，展現對數位平權的重視。

無障礙設計會影響網站的美觀嗎？

不會。無障礙設計要求的是足夠的對比、清楚的結構與容易操作的介面，只要在設計初期就納入考量，網站同樣可以兼顧美感與品牌風格。

讓每個人都能順利使用你的網站

無障礙網頁設計不只是符合規範，更是讓網站服務更多使用者的方式。如果你的網站需要取得無障礙標章，或想讓網站對更多人友善，歡迎參考我們的無障礙網站作品，或直接聯絡我們，我們提供免費的線上諮詢。

（本文初稿由 AI 協助整理）