Agentic Browsing 時代，網站基本無障礙為什麼更重要
AI 代理開始在網頁中採取行動
網站的瀏覽者不再只有人。能採取行動的 AI 代理，也可能替使用者尋找資訊、比較內容或完成表單等多步驟工作。本文所說的 Agentic Browsing（代理式瀏覽），是指代理在瀏覽器中讀取網頁並執行操作的情境。
不同代理使用的介面與技術路徑可能不同。網站的基本無障礙仍應以人的理解與操作需求為出發點；當頁面結構、控制項名稱和操作狀態表達清楚時，也能為軟體辨識介面提供更明確的線索。
代理如何理解網頁？
代理式瀏覽沒有單一操作方式。有些系統會參考網頁提供的無障礙樹，從中辨識互動元素；例如，Chrome for Developers 的資料提到，代理會檢視無障礙樹來找出可互動元素，缺少標籤可能同時妨礙使用者與代理完成操作。
也有工具透過瀏覽器介面與網頁互動。OpenAI 的 Computer Use 文件說明，代理可使用電腦介面導覽網站並操作瀏覽器。因此，不能假設所有代理都透過相同方式讀取頁面。
對網站開發者來說，實際方向是讓頁面結構有脈絡、互動控制項有清楚名稱、操作狀態容易辨識。這些做法能改善人的使用體驗，也提供更明確的介面線索，但不保證每種代理都能完成特定任務。
Chrome for Developers：Accessibility for agents｜OpenAI：Computer Use
人和代理可以共用哪些清楚線索？
- 有脈絡的結構：依內容關係安排標題層級與頁面區段，讓讀者容易判斷資訊如何分組。
- 看得懂的控制項名稱：按鈕使用能說明動作的文字；表單欄位提供與控制項正確關聯的標籤。W3C 的表單指引說明，標籤能幫助輔助科技正確呈現表單控制項。
- 可預期的鍵盤操作：互動功能可透過鍵盤操作，焦點順序能保留頁面的意義與操作邏輯。
- 看得見的焦點：使用者以鍵盤移動時，清楚顯示目前焦點所在，避免使用者找不到自己正在操作的位置。
- 明確的表單回饋：說明必填項目與輸入格式；發生錯誤時指出問題和修正方式，成功送出時也提供清楚回饋。
這些線索首先服務人的理解與操作。它們也能減少介面含糊之處，但代理能否完成任務仍取決於它支援的操作方式和當下頁面情境。
開發者基本檢查清單
- 以符合內容意義的標題和頁面區段組織資訊。
- 使用合適的原生控制項，並為按鈕、連結和表單欄位提供清楚名稱。
- 用鍵盤走訪頁面，確認互動元素的焦點順序能保留頁面的意義與操作方式。
- 確認鍵盤焦點清楚可見；不要移除焦點提示，除非有提供同樣清楚的替代方式。
- 檢查表單標籤、輸入說明、錯誤訊息與成功回饋，確認使用者知道如何完成或修正操作。
焦點順序應保留內容的意義與可操作性；鍵盤操作時也必須能看見焦點。可參考 WCAG 2.2 的焦點順序與焦點可見性說明。
把檢查分成三層，別只看掃描分數
- 自動化檢查：用網站檢查工具找出可程式化偵測的問題，例如控制項名稱或無障礙樹資訊是否缺漏。
- 人工操作檢查：只用鍵盤完成頁面主要任務，觀察焦點是否可見、移動順序是否合理、功能是否都能操作；再用螢幕閱讀器確認標題、控制項名稱與回饋是否容易理解。
- 情境驗證：若產品預期支援特定代理，使用實際代理與目標流程測試，例如尋找資訊或填寫表單，並記下測試的代理、瀏覽器與頁面狀態。
WCAG 可作為檢查網頁無障礙的依據；符合無障礙成功準則，不能直接推論某個代理一定能完成特定任務。兩者應分開驗證，並優先確保網站對使用者清楚、可操作。
常見問題 FAQ
什麼是 Agentic Browsing？
本文用 Agentic Browsing（代理式瀏覽）指 AI 代理在瀏覽器中讀取網頁資訊並執行操作的情境。不同代理的操作方式可能不同。
做好網站無障礙，就能保證所有 AI 代理都能操作嗎？
不能保證。清楚的結構、控制項名稱與鍵盤操作能改善人的使用體驗，也提供明確的介面線索；特定代理能否完成任務，仍須依實際代理與頁面情境測試。
開發團隊應先檢查哪些項目？
先檢查頁面結構與標題、控制項名稱、表單欄位標籤、鍵盤操作順序、可見焦點，以及錯誤和成功回饋，再搭配自動化工具與人工操作驗證。
有一個想法，想找人一起實現？
從企劃到上線，我們陪你把每一個決定想清楚。
