E12企业信息检索与日常沟通

已上线修改建议

为图片补充无障碍文字说明

更新于 2026年9月16日

要解决的问题
企业网页、报告或培训材料中的图片和图表需要照顾使用读屏工具的人,但撰写说明者不一定能准确概括视觉关系,希望生成经人工核对、能传达关键信息的替代文本。
你要准备

14 个素材文件

  • 表格
  • 邮件
  • 文本
  • 图片
花多久

10 分钟阅读46 分钟实践

零基础

做这个场景要用到

推荐工具

先备好,照着教程做会更顺手。

开始前先确认

使用边界

  • 素材中的公司、数据、招标条款、人物均为虚构,可放心上传。图片为专门制作的练习素材。

  • AI 识图会编造图里没有的东西。 这在无障碍场景下后果尤其严重——看不到图的人很难自己发现 alt 里的错误。每一条 alt(图片的替代文字:图片显示不出来、或读屏软件朗读时代替图片的那段文字)都必须人工核对:对照原图,有原始数据、源文件的也要对照。

  • 本练习只提供图片和页面说明,没有可运行的网页。 写入网页和读屏验证要在真实网站上做;练习里的自查说明只写验证计划,不能写成"已实测通过"。

  • 本教程涉及的合规要求为练习设定,不构成无障碍合规意见。真实项目请以适用标准与专业评估为准。

随手取用

可复用模板

复制或下载后,替换模板里的填空项即可复用。

01

痛点现场

你是沛云科技的内容运营甄禾。2026 年 8 月 1 日周六下午,招标事务组的邮件进来:

「这次投标的采购文件里有无障碍条款……投标截止 8 月 12 日 17:00。官网整改要在这之前完成并可验证。」

条款里有一句特别扎眼:

「评审方保留使用读屏工具进行现场抽查的权利。」

你决定先自己试一遍。周二(8/4)你打开读屏工具,从官网首页一路听下去。听到第四页的时候,你有点坐不住了:

  • 发展历程那张增长图,读屏念的是:「图 1 下划线 客户数量增长 下划线 柱状图 点 p n g」——它在念文件名。图里五个客户数(2022—2025 年,加 2026 年上半年),一个都没传出去。
  • "联系我们"页面那张图,alt 写得挺认真:「客户服务时间表格图片,展示了公司的服务时间安排,设计精美,采用蓝色主色调,整体版式清晰美观」——听完你还是不知道几点上班、周六开不开、电话多少。而这些内容在页面文字里根本不存在,只在那张图里。
  • 全站的装饰分隔条,每次都念一遍「装饰性分隔条,蓝色渐变,用于分隔页面章节,提升视觉层次感」。全站 37 次。 你听到第四次就已经很烦了。
  • 投资者关系页有六个年报下载链接,读屏念出来一模一样,全是「p d f 图标」。听的人根本分不清哪个是哪一年。

而招标事务组还专门提醒了一句:

「请不要为了赶进度,让 AI 批量生成一遍 alt 就交上去。上次做产品手册,AI 描述图片时编了一些图里根本没有的东西,被客户当面指出来过。这次是投标,出这种问题代价不一样。」

这就是今天要解决的痛点:不是"图片没写说明",而是"写了说明,但写的是图片长什么样,而不是图片说了什么"——有的说了一堆废话,有的把关键信息整个漏掉,有的干脆是编的。

处理这个需求的关键动作只有两个:先给每张图定类型(装饰的、承载信息的、本身是链接的,处理方式完全相反),再逐图核对 AI 写的每一个字是不是真的在图里。

02

成果预告

完成后会得到这些类型的结果,具体要求留到验收时再核对。

  • 图片说明/Alt Text
  • 图片类型判定表
  • Alt 文本初稿
  • 逐图核对记录

03

准备素材

共 14 个文件,已打包为 1 个 ZIP,下载后解压使用。

下载素材包(ZIP)
  • 图2_原始数据_数据组提供.csv

    CSV · 426 B

    ,用途:图 2 折线图背后的原始数据与统计口径(图上没有数据标签)
  • 客户招标无障碍要求_摘录_20260801.eml

    EML · 2.1 KB

    ,用途:招标条款四项要求 + 截止时间 + 三条提醒
  • 待处理图片清单_8张.csv

    CSV · 1.3 KB

    ,用途:每张图的所在页面、是否可点击、页面上是否有等价文字、全站出现次数、当前 alt 现状
  • 无障碍图片说明规范_内部口径.md

    MD · 4.6 KB

    ,用途:六种图片类型的处理规则、长度要求、长描述规则、绝对禁止项、人工核对要求(其中长度、不写外貌等是本公司写作要求,比 WCAG 原文更具体)
  • 现状读屏输出_实测转录_20260804.txt

    TXT · 4.9 KB

    ,用途:用读屏工具实测的现状转录,逐条标注了问题
  • 网页图片/图1_客户数量增长_柱状图.png

    PNG · 22 KB

    ,用途:官网上的 8 张图片:柱状图、折线图、装饰分隔条、含文字的服务时间图、流程图、PDF 下载图标、饼图、团队人物示意图

04

跟着做

已完成 0 / 7

STEP 01

约 6 分钟

先给每张图定类型(一个字的 alt 都别写)

操作原因

规范第二节把图片分成六类,每一类的处理方式差别极大——装饰图要空 alt,功能性图要写"它能干什么"而不是"它长什么样",与图注重复的图也要空 alt。类型定错,后面写得再漂亮都是错的。 而且判定类型不能只看图,必须看它在页面里的位置和作用。

可复制提示词

复制的是完整多行原文

这是 8 张网页图片、它们的所在页面信息、页面上下文,以及我们的无障碍规范。请只做类型判定,先不要写任何 alt 文本: ①逐图判定属于规范第二节的哪一类(装饰性 / 信息性 / 含文字 / 功能性 / 与邻近文字重复 / 人物照片),说明判定依据; ②对判为功能性的,说明它点击后会发生什么,以及这决定了 alt 该写什么; ③对判为与邻近文字重复的,指出重复的是页面上的哪段文字; ④特别注意:一张图可能同时符合多类(例如既含文字又是链接),请说明该优先按哪一类处理、为什么; ⑤最后指出:哪几张图的处理方式与"直觉做法"相反。 只判类型,不写内容。

预期结果

一张类型判定表。你现在知道 8 张图里有 2 张的正确做法是"基本不写"。

STEP 02

约 7 分钟

让 AI 读图,但只让它描述"看到了什么"

操作原因

类型定完了,现在需要知道每张图里到底有什么。但这一步要刻意和"写 alt"分开——因为一旦让 AI 直接写 alt,它会一边识图一边组织语言,编造的内容会混在流畅的句子里,很难查。先让它老老实实报告看到了什么,事实和文笔分开,后面才好核对。

可复制提示词

复制的是完整多行原文

请逐张读图,只报告你在图中实际看到的内容,不要写 alt,不要组织成句子,不要润色: ①图中所有文字(标题、坐标轴标签、图例、数据标签、注释、页脚),请逐字转录; ②图中所有数值,逐个列出;图上没有数据标签、只能按刻度估读的,写"约"并标"估读"; ③图形要素(有几个柱子、几条线、几个方框、箭头指向哪里); ④如果某处你看不清或不确定,明确写"不确定",不要猜测; ⑤不要描述与信息无关的配色、风格、美观程度、氛围;颜色或形状承担信息的(比如用不同颜色区分全年和半年数据),写出它代表什么。 输出为清单,一张图一段。我会拿它跟原图逐项核对。

预期结果

一份图像内容清单。它现在还不能用——必须先经过下一步的核对。

STEP 03

约 8 分钟

逐图核对,把编造的内容删掉

操作原因

招标事务组专门提醒过:"AI 描述图片时编了一些图里根本没有的东西,被客户当面指出来过。"这在无障碍场景下格外恶劣——看不到图的人很难自己发现错误。规范第六节也明确要求 AI 输出一律视为初稿,须逐图人工核对。

可复制提示词

复制的是完整多行原文

这是上一步生成的图像内容清单。请协助我做核对,输出核对记录表: 每行包含:图片编号 / 清单中的某一条内容 / 该内容属于"图中确实存在"还是"需要我人工确认" / 核对方式。 硬性要求: ①凡是涉及具体数值、文字转录、数量的,一律标为"必须人工逐项核对",并说明核对时该看图的哪个位置; ②凡是涉及推断的内容(如"呈上升趋势""说明业务增长"),标为"推断,非图中直接可见",并提示是否应保留; ③凡是主观评价(风格、氛围、"设计精美")和与内容无关的外貌描述,标为"应删除";颜色承担信息的,按需保留; ④对人物图,特别检查有没有描述外貌、年龄、体态、穿着——与内容无关的一律删除; ⑤图上没有数据标签的数值,以原始数据为准(图 2 看 图2_原始数据_数据组提供.csv),估读值只用来发现差错;图上的注释也要和数据对一遍。 请给我一份可以拿着对照原图逐条打勾的表。

预期结果

一份核对记录 + 你亲手打过勾的原图。这一步是整个流程里唯一不能省、也唯一不能全交给 AI 的一步。

STEP 04

约 8 分钟

按类型分别写 alt

操作原因

类型定了、内容核了,现在才能写。关键是不同类型走不同的写法——装饰图空着、功能图写功能、含文字图逐字转录、重复的留白。这一步如果用一套写法套八张图,前面三步就白做了。

可复制提示词

复制的是完整多行原文

请按类型分别为 8 张图写 alt 文本,只使用已核对确认的内容: ①装饰性 → 直接写 alt="",并说明为什么不是"不写 alt 属性"; ②信息性图表 → 概括 + 关键数据 + 拐点,按本公司规范一般不超过 100 字(这是内部写作要求,不是 WCAG 原文);超出的部分留给长描述; ③含文字图片 → 图中文字完整转录,一个字都不能少; ④功能性图片 → 写功能与目标,不写外观;同页多个同类图标的 alt 必须各不相同; ⑤与邻近文字重复 → alt="" 或极简,并说明依据; ⑥人物图 → 按图的实际性质写(照片还是示意图),只写与页面内容相关的信息,不描述与内容无关的外貌、穿着、表情;未获授权不写姓名职务。 硬性要求:不以"图片""一张图"开头;不使用"点击这里""见下图";每条注明所属类型与字数。

预期结果

8 条 alt 初稿。注意其中两条是空的——这不是偷懒,是正确做法。

STEP 05

约 6 分钟

给复杂图配长描述

操作原因

有两张图的信息量,无论怎么压缩都塞不进 100 字的 alt——图 2 的折线图有 12 个数据点,图 5 的流程图有 5 个环节加 1 条退回路径。规范第四节规定这类必须另配长描述,而且要放在页面上所有人都能读到的位置,不能只藏给读屏用。

可复制提示词

复制的是完整多行原文

请判断哪些图需要长描述,并为它们撰写: ①先说明哪几张图需要长描述、为什么(数据点多 / 关系型 / alt 压不到 100 字以内); ②对数据类图表,长描述须包含完整数据——可用文字表格形式列出全部数据点; ③对流程图等关系型图形,须完整描述每个环节及环节之间的关系,特别是分支、循环、退回路径; ④说明长描述应放在页面的什么位置、用什么标题或链接和图关联(不能只写"图下方",改版后要能找到),并解释为什么不能只提供给读屏工具; ⑤长描述与 alt 的分工:alt 说什么、长描述说什么,不要重复。

预期结果

两份长描述。图 5 的退回路径必须在里面——这是流程图里唯一一条非线性关系,光看方框顺序看不出来。

STEP 06

约 6 分钟

找出"光靠 alt 解决不了"的问题

操作原因

招标事务组已经点出来了:「这不是补个 alt 就能解决的,得在页面上把文字加回去。」这是本次整改中最容易被忽略、也最可能在评审时被抓的一类问题——信息只存在于图片里。规范第五节把它列为绝对禁止项,招标条款第(二)项也专门要求。

可复制提示词

复制的是完整多行原文

请找出仅靠补 alt 无法解决的问题: ①逐图检查:该图承载的信息,在页面文字中是否有等价版本? ②对没有等价文字版本的,说明:为什么补 alt 不够、按招标条款第(二)项应当怎么改; ③给出具体的页面改造建议——应该在页面上补充什么文字、放在哪里; ④对功能性图片,检查是否存在"图片是唯一可点击元素"的情况,并说明这带来什么额外风险; ⑤按整改优先级排序,并对照投标截止时间(8 月 12 日)说明哪些必须先做; ⑥决定在页面上补文字版本的,写出改完后这张图的 alt 要怎么跟着改(例如图 4 的服务时间补成页面文字后,图片 alt 改为空,避免念两遍)。 请区分清楚"改 alt 就够"和"必须改页面结构或内容"两类。

预期结果

一份页面改造建议。你现在知道这次整改不只是写 8 条 alt——至少有两处必须动页面本身。

STEP 07

约 5 分钟

出自查说明、保存成下次能直接使用的模板

操作原因

招标条款第(四)项要求:"供应商应提交自查说明,说明整改方法与自查方式。" 也就是说,你的方法本身也是交付物,不能只交一份改完的结果。这一步把过程固化下来,同时沉淀成以后能重复用的模板。

可复制提示词

复制的是完整多行原文

请完成三件事: ①《整改自查说明》,对应招标条款第(四)项,包含:整改范围(8 张图片、全站 49 处使用,分开写)、图片分类方法、alt 编写规则、人工核对方式(怎么保证没有编造内容)、验证计划(浏览器、读屏工具及版本、页面地址、预期、实际、日期)、以及已知仍待改造的页面级问题——每项写负责人和上线时间,定不下来的标为阻塞项;每件事的状态分三种写:文字已写好 / 已写入页面 / 已验证通过; ②《发布前核对清单》,写成可打勾的判断句,供每次新增图片时使用; ③把本次流程抽成《为图片补充无障碍文字说明提示词模板》:保留方法与分步提示词,去掉本次的公司名、页面名、具体数据,保留'先定类型再写内容''识图与写作分开''逐图人工核对''区分改 alt 与改页面'四条纪律。 自查说明中不得声称已完全符合标准——如实说明已做什么、还有什么待改。

预期结果

一份自查说明 + 一份核对清单 + 一份模板。注意自查说明里那句"仍待改造"——它比声称全部合格更经得起现场抽查。

05

验收清单

已核对 0 / 2

06

完成前再看一眼

容易出错

  • ⚠️ "写得越详细越好"是错的:这个场景里有两张图的正确做法是基本不写。装饰图的长 alt 是无障碍体验最大的噪音来源之一——因为它会被重复朗读几十次。

  • ⚠️ 空 alt ≠ 没有 alt:alt="" 告诉读屏"跳过这个";没有 alt 属性时,很多浏览器和读屏组合会念文件名。一字之差,体验天壤之别。

完成后可以这样展示

  • 晒「读屏念"图 1 下划线 客户数量增长 点 p n g" → 读屏念出完整数据」对比。

  • 把《为图片补充无障碍文字说明提示词模板》提交入库,标注编号 E12。

07

参考成果

先自己做一遍,再看答案

暂时不打开参考成果,能保留定位误区和预测结果的练习价值。完成教程后再解锁,用它校准你的结果,而不是照抄过程。

08

本场景成果

看看别人照着教程做出了什么,也欢迎把你的结果留给后来的人。

正在加载本场景成果…