QualiBooth

guides

无障碍缺失的网站将被 AI 搜索抛在身后

AI 搜索系统依赖与屏幕阅读器相同的语义化网页结构。一个缺乏无障碍的网站不仅更难使用,也更难被 AI 读取和呈现。

1 min read QualiBooth
电路板上一枚发出蓝光的 AI 芯片,代表人工智能与机器学习。

AI 阅读网页的方式与屏幕阅读器相同

当 AI 驱动的搜索与发现系统抓取您的网站时,它们所做的事情应该让人感到熟悉:它们解析 HTML 的语义结构,以理解页面包含什么内容以及这些内容的含义。

它们查看标题层级来了解内容是如何组织的。它们读取替代文本来了解图像传达了什么。它们利用链接文本来了解链接指向何处。它们依赖结构合理的表格来理解表格数据。当这些结构性元素缺失或损坏时,AI 系统就会像屏幕阅读器一样——要么误解内容,要么彻底遗失内容。

这并非巧合。让内容对辅助技术无障碍的网页标准——语义化 HTML、必要时使用的 ARIA、结构化数据、有意义的文本替代——正是让内容可被机器学习系统解读的同一套标准。无障碍与 AI 可发现性并不是恰好共享某些技术的两个独立议题。它们是同一底层原则的不同体现:信息应该以结构化的方式传达,而不仅仅是以视觉方式呈现。

AI 搜索系统如何处理网页内容

现代 AI 驱动的搜索与发现系统——包括如今出现在各大搜索引擎中的基于语言模型的搜索功能——通过一个多阶段过程从网页中提取含义:

抓取(Crawling):自动化系统获取您的页面并解析其 HTML。那些屏蔽爬虫、完全通过未经服务端渲染的 JavaScript 加载内容,或结构损坏的页面,可能无法被正确获取或解析。

分块(Chunking):内容被切分为若干片段,通常与语义单元对齐——标题、段落、列表、区块。没有语义结构的内容(一整块未加区分的文本)会被任意分块,从而丢失各个观点之间的逻辑关系。

嵌入(Embedding):每个分块被转换为编码语义含义的向量表示。这种嵌入的质量在很大程度上取决于周围结构的质量。一个准确描述其后内容的标题有助于系统理解该内容的主题。而一个仅使用大号字体、却用 <div> 而非 <h2> 承载的装饰性标题则贡献甚微。

检索(Retrieval):当用户提出问题时,系统会查找其嵌入向量与查询语义含义最接近的分块。分块和嵌入质量良好的内容会在相关查询中呈现出来;而埋没在无结构标记中的内容则不会。

会损害 AI 可见度的具体无障碍缺陷

替代文本缺失或不充分

替代文本是 AI 系统理解图像内容的方式。一张说明产品在购物场景中样貌的图像,或说明图表在数据场景中呈现什么的图像,会为 AI 对页面的理解贡献有意义的信息。而一个文件名(“IMG_4821.jpg”)或一个空的替代文本属性则毫无贡献。

对于图像承载着重要信息量的页面——产品页、报告页、教程页——缺失替代文本既是无障碍缺陷,也是 AI 可见度缺陷。

标题结构损坏

标题层级告诉屏幕阅读器和 AI 系统页面上的内容是如何组织的。一个出于视觉尺寸原因从 <h1> 跳到 <h3> 的页面,或纯粹为了样式而使用标题标签的页面,会产生一种辅助技术和 AI 爬虫都无法正确解析的结构。

结构良好的标题会构建出页面内容的大纲——AI 系统直接利用这一点来理解页面涵盖的内容以及各区块之间的关系。

链接文本含糊或缺失

链接文本是一种信号。“阅读更多""点击这里”和”了解更多”没有向 AI 系统传达任何关于目标页面的信息。描述性的链接文本——“阅读我们的 WCAG 2.2 合规指南”——则告诉 AI 被链接页面包含什么内容,并有助于系统理解当前页面的主题关联。

音视频内容的字幕与文字稿

对于没有文本替代的视频和音频,AI 系统无法理解。文字稿和字幕既是无障碍要求,也是 AI 搜索索引的直接输入。一个字幕完善的视频,其口述内容可以被索引并检索。而一个没有字幕的视频,除了标题和周围文本之外,几乎不会为搜索可见度贡献任何东西。

无障碍缺失的 PDF

以扫描图像或未打标签文件形式分发的 PDF,无法被屏幕阅读器或 AI 系统可靠地解析。对于已打标签文档而言的无障碍缺陷,几乎总是同时构成可发现性缺陷。

关于无障碍 PDF 结构的要求,请参阅我们的 PDF 无障碍指南

结构化数据

虽然严格来说结构化数据并非无障碍要求,但结构化数据标记(schema.org、JSON-LD)是向搜索引擎和 AI 系统直接传达您内容含义的沟通渠道。一篇带有恰当 Article 架构标记的文章、一个带有 ProductOffer 架构的产品、一个带有 FAQPage 架构的常见问题——这些都为 AI 系统提供了经过验证的结构化信息,而不需要它们仅从页面文本中推断含义。

实际上的重叠

那些为您有残障的人类用户改善无障碍体验的措施,与那些改善 AI 可发现性的措施在很大程度上是完全相同的:

无障碍改进AI 可发现性收益
为图像添加有意义的替代文本图像变得可搜索,其内容可被索引
使用恰当的标题层级内容组织变得机器可读
撰写描述性的链接文本页面之间的主题关联变得明确
为视频添加字幕和文字稿口述内容变得可被索引和检索
创建已打标签的无障碍 PDF文档内容可被解析
使用语义化 HTML 元素页面结构无需 CSS 即可被解读

一种看待无障碍投资回报率的不同方式

无障碍的商业理由通常围绕法律合规(EAAADA 及类似法规)和残障市场的规模来阐述。这两者都真实存在。

但 AI 搜索可见度增添了一个不同的维度:无障碍不仅关乎谁能使用您的网站,还关乎您的内容能否被日益主导人们发现信息方式的 AI 系统找到、呈现和总结。

一个语义上损坏的网站——缺失替代文本、扁平的标题结构、含糊的链接、无结构的 PDF——就是一个内容更不可能出现在 AI 生成的答案、摘要和推荐中的网站。随着 AI 中介的搜索占据越来越大的发现份额,这种可见度差距就会变成商业差距。

这两个议题的起点是相同的:了解您的网站目前的状况。运行免费扫描,看看您有哪些无障碍问题。许多改善无障碍的修复措施将同时改善 AI 可发现性——无需额外付出任何努力。

让您的网站既能被人类阅读,也能被 AI 读取