你为通过无障碍检测而编写的 ARIA 标记，其实也是提供给 AI 引擎的高质量源代码。屏幕阅读器与 AI 智能体读取网页的方式几乎相同：它们不会欣赏精心排版的视觉画面，而是把 HTML 拆解成由标签、层级和名称组成的结构树。同一套无障碍设置，既能服务视障用户，也能帮助 ChatGPT、Perplexity、Claude 等引擎准确提取并引用你的内容。这是 GEO 中经常被提及、却也最容易在执行时被忽略的一环。
屏幕阅读器与 AI 智能体读取的是同一棵结构树
视觉浏览器会把 CSS、图片和动画组合成人眼看到的页面，但屏幕阅读器并不按这种方式工作。它读取浏览器生成的无障碍树，逐层告诉用户：这里是导航区域，这里是主要内容，这里有一个名为“加入购物车”的按钮。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 智能体知道这个图标能执行什么操作。
图标按钮与链接：最常见的语义空白
我们为客户做技术审计时，最常发现的问题就是纯图形组件。汉堡菜单、购物车、搜索放大镜、社交分享按钮，往往只是一个包着 SVG 的 <div>，完全没有文字。屏幕阅读器此时可能只会读出“按钮”，甚至什么都不读；AI 智能体看到的，则是一个可以点击却没有名称的对象。我们曾遇到一家电商客户，其结算按钮就是这种情况，智能体测试工具根本找不到入口。添加 aria-label，并将其命名为“结算”后，同一个按钮对视障用户和自动化智能体都有了明确名称。链接也是如此：如果整排链接都写着“了解更多”或“点击这里”，脱离视觉上下文后，谁也不知道它们分别指向哪里。为每个链接提供具体、可独立理解的文字，同样能让一次设置同时服务两类读者。
动态元素：让 AI 智能体知道当前可以执行什么操作
除了读取静态内容，AI 智能体越来越需要在页面上执行实际操作，例如展开菜单、切换分页和提交表单。此时，元素只有名称还不够，还必须具备明确状态。ARIA 的状态属性会以机器可读的方式说明“这个组件目前是展开还是收起，以及哪个项目已被选中”，让智能体知道下一步该做什么，也能确认上一步操作是否已经生效。
- aria-expanded：表示折叠菜单、手风琴组件或下拉菜单当前是展开还是收起。智能体会据此判断是否需要先点击。
- aria-current：标记分页或面包屑导航中的当前位置，避免智能体在同一层级反复打转。
- aria-selected 和 aria-checked：表示分页项、选项和复选框的选中状态，帮助智能体确认操作是否已经生效。
- aria-live：将表单错误、加载结果等实时更新的区域标记为动态区域，使智能体和屏幕阅读器能够注意到页面内容已经发生变化。
验证：别只相信“看起来没问题”
- 使用 curl 或浏览器的“查看网页源代码”功能，检查服务器实际返回的 HTML。如果内容必须等到 JavaScript 执行后才出现，大多数 AI 抓取程序就无法读取。
- 运行 ax DevTools 或 Lighthouse 的无障碍检查，找出元素缺少名称、对比度不足、标题层级跳跃等问题。
- 真正打开一次屏幕阅读器：在 Mac 上使用 VoiceOver，或在 Windows 上使用 NVDA，再用键盘完整走一遍页面，听听它实际读出了什么。
- 使用 isitagentready 等智能体就绪度检测工具，模拟 AI 智能体能否识别并操作页面中的关键组件。
无障碍并不只是额外的合规成本。你为视障用户添加的每一个语义标签，也会被 AI 智能体再次读取。这是少数能够通过一次工程投入，同时创造两类价值的工作。— Tenten GEO Technical Audit
ARIA 和语义标记不会直接提升搜索排名，但会决定 AI 引擎能否准确理解、提取并引用你的内容。这正是生成式引擎优化（GEO）的基础。如果你不确定自己的网站在 AI 智能体眼中是什么样子，也不知道哪些关键组件实际上是一片空白，可以预约一次 30 分钟的 GEO 诊断。我们会通过实际检测，直接指出问题所在。
