你為了通過無障礙檢測而寫的 ARIA 標記，其實是餵給 AI 引擎最乾淨的一份原始碼。螢幕閱讀器和 AI 代理讀網頁的方式幾乎一樣：它們都不看你精心排版的畫面，而是把 HTML 拆成一棵有標籤、有階層、有名稱的結構樹。同一份無障礙設定，一邊服務視障使用者，一邊讓 ChatGPT、Perplexity、Claude 這類引擎正確抽取並引用你的內容——這是 GEO 裡投報率最高、卻最常被跳過的一塊。
螢幕閱讀器和 AI 代理，讀到的是同一棵樹
視覺瀏覽器把 CSS、圖片和動畫組合成人眼看到的頁面，螢幕閱讀器不是這樣運作的。它讀的是瀏覽器建立的無障礙樹（accessibility tree），一層一層告訴使用者：這是導覽區、這是主要內容、這是一個叫『加入購物車』的按鈕。AI 引擎的爬蟲更精簡，多數不執行 JavaScript，直接抓原始 HTML，把標籤、標題階層、連結文字和 aria 屬性抽成純文字後，才送進模型。兩者的共通點很明確：畫面上的視覺線索它們一概讀不到，只認得結構與文字。
結果就是，一個用 <div> 加點擊事件做成的假按鈕、一張沒有 alt 的產品圖、一段靠字級大小假裝成標題的粗體字，在人眼裡毫無問題，在這兩類讀者眼裡卻是一片空白。你的內容再好，抽取這一層先崩了，AI 就只能猜，或乾脆略過你這一頁。
先把原生語意 HTML 打好底
多數團隊一聽到 ARIA 就想加一堆 role 和 aria- 屬性，順序其實反了。W3C 的無障礙撰寫守則第一條講得很白：能用原生 HTML 元素表達的語意，就別用 ARIA 去覆蓋。<button> 天生就是按鈕、<nav> 天生就是導覽、<h2> 天生就是次標題，這些原生標籤同時帶著語意和預設鍵盤行為，爬蟲和螢幕閱讀器都認得，也不用你額外維護一份對照表。ARIA 是補洞用的膠帶，不是地基。
一次設定、兩邊受惠的四件事
把工程資源花在下面四個地方，投報率最高。它們既是無障礙稽核一定會抓的項目，也是 AI 抽取內容時最依賴的訊號。
- 地標結構：用 <header>、<nav>、<main>、<aside>、<footer> 標出頁面骨架。AI 爬蟲靠這些地標把主要內容和導覽、頁尾樣板切開，只引用真正的內文，不會把選單文字混進答案裡。
- 標題階層：一頁一個 <h1>，往下 <h2>、<h3> 不跳級。這棵標題樹就是 AI 理解文章大綱的目錄，也是螢幕閱讀器使用者快速跳讀的依據。
- 圖片替代文字：有意義的圖用 alt 描述內容，純裝飾的圖把 alt 值留空讓它被略過。資訊圖表尤其要把重點寫進 alt 或鄰近文字，否則圖裡的數字對機器等於不存在。
- 可操作元素的名稱：每個按鈕和連結都要有可讀的名稱。純圖示的按鈕用 aria-label 補上文字，AI 代理才知道那顆圖示能做什麼。
圖示按鈕與連結：最常見的一塊空白
我們幫客戶做技術稽核時，最常抓到的就是純圖示元件。漢堡選單、購物車、搜尋放大鏡、社群分享，這些常常是一個 <div> 包一張 SVG，完全沒有文字。螢幕閱讀器唸到這裡只能說『按鈕』，甚至什麼都不說；AI 代理看到的是一個沒有名字卻可以點擊的東西。曾有一個電商客戶的結帳按鈕就是這樣，代理測試工具完全找不到入口，補上 aria-label（名稱設為「結帳」）之後，同一顆按鈕對視障使用者和自動化代理同時有了名字。連結也一樣：整排寫著『了解更多』『點這裡』的文字，脫離視覺脈絡後誰也不知道通往哪，給每個連結具體獨立的文字，就是同一筆設定服務兩邊。
動態元件：讓 AI 代理知道現在能做什麼
靜態內容之外，AI 代理越來越常被要求在頁面上實際操作：展開選單、切換分頁、送出表單。這時候光有名稱不夠，還要有狀態。ARIA 的狀態屬性就是把『這個元件現在是開還是關、選了哪一項』用機器讀得懂的方式講出來，讓代理知道下一步能做什麼，也能確認上一步有沒有生效。
- aria-expanded：折疊選單、手風琴、下拉是開還是關，代理靠它判斷要不要先點開。
- aria-current：分頁或麵包屑裡標出目前所在位置，避免代理在同一層原地打轉。
- aria-selected 與 aria-checked：分頁、選項、核取方塊的選取狀態，讓代理確認操作是否已經生效。
- aria-live：會即時更新的區塊，例如表單錯誤或載入結果，標成 live region，代理和螢幕閱讀器才會注意到畫面變了。
驗證：別相信「看起來沒問題」
- 用 curl 或瀏覽器的『檢視原始碼』功能，看伺服器實際吐出的 HTML。如果內容要等 JavaScript 執行後才補上，多數 AI 爬蟲根本讀不到。
- 跑 axe DevTools 或 Lighthouse 的無障礙檢測，抓出缺名稱、對比不足、標題跳級這些問題。
- 真的打開一次螢幕閱讀器，用 Mac 的 VoiceOver 或 Windows 的 NVDA，靠鍵盤走一遍你的頁面，聽它怎麼唸。
- 用像 isitagentready 這類代理就緒度檢測，模擬 AI 代理能不能認出並操作你的關鍵元件。
無障礙不是額外的合規成本。你為視障使用者做的每一個語意標記，AI 代理都會照樣讀一遍，這是少數能一次交付兩種價值的工程投資。— Tenten GEO 技術稽核
ARIA 和語意標記不會直接把你推上搜尋排名，但它決定了 AI 引擎能不能乾淨地讀懂、抽取、引用你，這是 GEO 的地基。如果不確定自己的網站在 AI 代理眼中長什麼樣、哪些關鍵元件其實是一片空白，可以預約一場 30 分鐘 GEO 診斷，我們用實際檢測帶你看清缺口在哪。
