無障礙網頁是什麼？看懂 AA 標準、四大原則與常見例子，做網站前先懂這件事

現在大家每天都在滑手機、看網站、填表單、查資料，但你有沒有想過，若使用者看不到圖片、沒辦法順利用滑鼠操作，或必須靠螢幕閱讀器聽內容，這個網站還能不能正常使用？這就是「無障礙網頁」真正想處理的事。所謂無障礙網頁，簡單說，就是讓不同能力、不同裝置、不同使用情境的人，都有機會順利取得資訊、操作功能，而不是被網站擋在門外。W3C 將 Web Accessibility 視為讓更多人能接觸與使用網頁的重要基礎，數位發展部的無障礙網路空間服務網也把網站規範、標章、檢測與申請資訊整理得很完整。

很多人第一次接觸這個主題，常會以為無障礙只是做給視障者用。其實沒有那麼窄。像是高齡者、暫時受傷的人、在戶外看不清螢幕的人、只能用鍵盤操作的人，甚至網路不穩、螢幕很小、臨時關閉圖片載入的使用者，都可能因為網站有沒有做好無障礙，而感受到非常明顯的差別。這也是為什麼無障礙不只是「加分項」，而是網站體驗裡很核心的一塊。

無障礙網頁英文怎麼說？

無障礙網頁英文最常見的說法是 Web Accessibility，也常延伸成 Accessible Website、Accessible Web Design。在國際規範裡，最常看到的核心文件就是 WCAG，全名是 Web Content Accessibility Guidelines，也就是網站內容無障礙指引。W3C 目前持續維護 WCAG 2.0、2.1、2.2，並明確建議優先參考較新的版本。

無障礙網頁設計四大原則是什麼？

講到無障礙網頁設計四大原則，業界很常直接用 POUR 來記。這四個字分別代表：

1. Perceivable 可感知
資訊要能被看見、聽見，不能只靠單一感官。像圖片要有替代文字、影片最好有字幕、重要資訊不要只靠顏色區分。

2. Operable 可操作
網站不能只讓滑鼠族順手而已。使用者若改用鍵盤、語音控制、輔助工具，也要能順利操作選單、按鈕、表單與跳轉。

3. Understandable 可理解
畫面要清楚，文字不要太難懂，表單錯誤提示要明確，互動邏輯要一致，不能讓人一進來就迷路。

4. Robust 相容穩健
網站要盡量依照標準寫法製作，讓不同瀏覽器、螢幕閱讀器與未來技術都更容易正確解析。

這四大原則不是拿來背而已，它其實很像在提醒設計者：網站不是只做給「最理想、最熟悉操作」的那一群人，而是要盡量讓更多人都用得起來。

無障礙網頁例子有哪些？其實你每天都會遇到

很多人一看到規範就頭大，但其實無障礙網頁例子很生活化。像是圖片加上替代文字，讓螢幕閱讀器知道那張圖在講什麼；表單欄位有正確標籤，使用者才知道要填姓名還是電話；影片加字幕，對聽障者或在安靜場合看影片的人都很有幫助；按鈕有清楚名稱，不要只寫「點這裡」；網站可以只靠鍵盤 Tab 鍵一路操作，不會卡住。這些看似小地方，常常就是網站好不好用的分水嶺。

再說得更白一點，一個真正有照顧到使用者的網站，通常會做到幾件事：字不會小到看得很痛苦、色彩對比不會淡到看不見、結構標題清楚、連結文字有意義、圖片不是只有好看卻沒說明。這些都不是只為了「通過檢測」，而是讓網站本身變得更友善。

無障礙網頁 AA 是什麼？為什麼很多人都在講 AA

無障礙網頁常見會提到 A、AA、AAA，這是 WCAG 的符合等級。一般來說，A 是基本門檻，AA 是多數網站最常被拿來當作實務目標的等級，AAA 則更高、更嚴格。英國政府服務手冊在說明 WCAG 2.2 時，也提到要符合 AA，通常代表必須滿足所有 A 與 AA 的要求。

所以你看到有人在查「無障礙網頁 aa」，其實多半是在問：網站做到哪個程度，才算相對完整、比較符合現代網站該有的無障礙水準。對大多數企業、學校、政府與服務型網站來說，AA 幾乎就是最常被拿來評估的重點。

台灣的無障礙網頁規範與標章怎麼看？

如果你是在台灣做網站，最直接可以參考的，就是數位發展部的 無障礙網路空間服務網。這個平台上可以找到「無障礙網頁規範」、「網站無障礙規範(110.07)」、「無障礙標章」、檢測指引、通過名單與常見問題，也能查詢已通過的網站。換句話說，這不只是教學站，也是台灣在推動網站無障礙時很重要的官方入口。

很多人在查「無障礙網頁標章」，通常就是想知道網站做完之後，有沒有一個公開可辨識的成果。從官方站上的架構來看，的確有標章申請、標章查詢與規範文件等資源可以進一步了解。實務上，先把內容結構、操作流程、替代文字、表單標示、對比與鍵盤可操作性做好，才是比急著掛標章更重要的第一步。

無障礙網頁檢測工具有哪些？

在台灣官方資源裡，可以看到 Freego 單機版檢測工具，也有相關檢測問題與指引頁面。這類工具的價值在於，能先幫你抓出部分常見問題，例如圖片替代文字缺漏、表單標記不足、結構標題不清等。不過工具能檢查的只是其中一部分，真正的無障礙品質，還是要搭配人工測試。

原因很簡單。工具可能知道一張圖「有 alt」，但它不知道你寫的 alt 到底有沒有意義；工具也可能抓得出按鈕存在，卻不一定懂那個按鈕命名是否足夠清楚。所以實務上最穩的方法，通常是「自動檢測 + 鍵盤實測 + 螢幕閱讀器測試 + 真人使用情境檢查」一起做。

Android 手機怎麼開啟無障礙功能？

如果是 Android 手機，Google 官方說明裡有幾個常見功能很常被用到。像 TalkBack 是 Android 內建螢幕閱讀器，適合需要語音輔助操作的人；Accessibility Menu（無障礙功能選單） 則能提供較大的螢幕控制選項與快捷操作。Google 也提到，很多裝置可以透過同時長按音量加和音量減幾秒，作為 TalkBack 的快捷開關。

Android 無障礙功能開啟方式
打開「設定」→ 找到「無障礙功能」→ 依需求開啟 TalkBack、字體大小、無障礙功能選單等功能。
若要開啟 無障礙功能選單，可進入「無障礙功能」中的 Accessibility Menu，設定快捷方式後使用；若誤觸開啟 TalkBack，也可嘗試同時按住音量增加與音量降低鍵數秒關閉。不同品牌與 Android 版本介面可能略有差異，但官方說明指出大方向大致相同。

iPhone 的無障礙功能在哪裡開？

iPhone 這邊最常見的功能是 VoiceOver（旁白）。Apple 官方指出，可從「設定」>「輔助使用」>「旁白」來開啟或關閉，若有設定控制中心或輔助使用快速鍵，也能更快切換。Apple 也提醒，一旦旁白開啟，操作手勢會跟平常不同。

如果是給一般讀者看的寫法，可以這樣寫：

iPhone 無障礙功能開啟方式
前往「設定」→「輔助使用」，就能找到旁白、顯示與文字大小、語音控制等功能。
若要開啟 旁白 VoiceOver，進入「輔助使用」後點選「旁白」即可。Apple 也有提供旁白手勢與 Safari 網頁瀏覽方式的教學，對需要朗讀網頁內容的使用者來說很實用。

為什麼現在做網站，越來越不能忽略無障礙？

因為網站不是只給一種人用。你今天覺得自己不需要，不代表明天不會遇到。也許是長輩字太小看不清楚，也許是通勤時手不方便操作，也許是使用者暫時受傷，只能用鍵盤或語音控制。當網站有把這些情境想進去，整體體驗通常也會一起提升，連搜尋友善度、內容結構清楚度、表單完成率都常跟著變好。這也是很多團隊後來發現，無障礙做得好，不是只服務少數人，而是讓更多人都更順利。

結語

如果你最近正在查「無障礙網頁是什麼」，其實可以先記住一件事：它不是很遙遠的技術名詞，而是網站有沒有真的把人放進設計裡。從圖片替代文字、字幕、標題階層、表單標示，到鍵盤操作、色彩對比、行動裝置輔助功能支援，這些都不是枝微末節，而是網站能不能讓更多人順利用起來的關鍵。台灣有數位發展部的官方規範與標章資源，國際上有 W3C 的 WCAG 與 MDN 的教學可以對照；先把基礎做好，網站品質通常就會差很多。