E12企业信息检索与日常沟通
为图片补充无障碍文字说明
更新于 2026年9月16日
- 要解决的问题
- 企业网页、报告或培训材料中的图片和图表需要照顾使用读屏工具的人,但撰写说明者不一定能准确概括视觉关系,希望生成经人工核对、能传达关键信息的替代文本。
- 你要准备
14 个素材文件
- 表格
- 邮件
- 文本
- 图片
- 花多久
10 分钟阅读46 分钟实践
零基础
E12企业信息检索与日常沟通
更新于 2026年9月16日
14 个素材文件
10 分钟阅读46 分钟实践
零基础
做这个场景要用到
先备好,照着教程做会更顺手。
开始前先确认
素材中的公司、数据、招标条款、人物均为虚构,可放心上传。图片为专门制作的练习素材。
AI 识图会编造图里没有的东西。 这在无障碍场景下后果尤其严重——看不到图的人很难自己发现 alt 里的错误。每一条 alt(图片的替代文字:图片显示不出来、或读屏软件朗读时代替图片的那段文字)都必须人工核对:对照原图,有原始数据、源文件的也要对照。
本练习只提供图片和页面说明,没有可运行的网页。 写入网页和读屏验证要在真实网站上做;练习里的自查说明只写验证计划,不能写成"已实测通过"。
本教程涉及的合规要求为练习设定,不构成无障碍合规意见。真实项目请以适用标准与专业评估为准。
随手取用
复制或下载后,替换模板里的填空项即可复用。
01
你是沛云科技的内容运营甄禾。2026 年 8 月 1 日周六下午,招标事务组的邮件进来:
「这次投标的采购文件里有无障碍条款……投标截止 8 月 12 日 17:00。官网整改要在这之前完成并可验证。」
条款里有一句特别扎眼:
「评审方保留使用读屏工具进行现场抽查的权利。」
你决定先自己试一遍。周二(8/4)你打开读屏工具,从官网首页一路听下去。听到第四页的时候,你有点坐不住了:
而招标事务组还专门提醒了一句:
「请不要为了赶进度,让 AI 批量生成一遍 alt 就交上去。上次做产品手册,AI 描述图片时编了一些图里根本没有的东西,被客户当面指出来过。这次是投标,出这种问题代价不一样。」
这就是今天要解决的痛点:不是"图片没写说明",而是"写了说明,但写的是图片长什么样,而不是图片说了什么"——有的说了一堆废话,有的把关键信息整个漏掉,有的干脆是编的。
处理这个需求的关键动作只有两个:先给每张图定类型(装饰的、承载信息的、本身是链接的,处理方式完全相反),再逐图核对 AI 写的每一个字是不是真的在图里。
02
完成后会得到这些类型的结果,具体要求留到验收时再核对。
03
共 14 个文件,已打包为 1 个 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。类型定错,后面写得再漂亮都是错的。 而且判定类型不能只看图,必须看它在页面里的位置和作用。
复制的是完整多行原文
这是 8 张网页图片、它们的所在页面信息、页面上下文,以及我们的无障碍规范。请只做类型判定,先不要写任何 alt 文本: ①逐图判定属于规范第二节的哪一类(装饰性 / 信息性 / 含文字 / 功能性 / 与邻近文字重复 / 人物照片),说明判定依据; ②对判为功能性的,说明它点击后会发生什么,以及这决定了 alt 该写什么; ③对判为与邻近文字重复的,指出重复的是页面上的哪段文字; ④特别注意:一张图可能同时符合多类(例如既含文字又是链接),请说明该优先按哪一类处理、为什么; ⑤最后指出:哪几张图的处理方式与"直觉做法"相反。 只判类型,不写内容。
一张类型判定表。你现在知道 8 张图里有 2 张的正确做法是"基本不写"。
STEP 02
约 7 分钟
类型定完了,现在需要知道每张图里到底有什么。但这一步要刻意和"写 alt"分开——因为一旦让 AI 直接写 alt,它会一边识图一边组织语言,编造的内容会混在流畅的句子里,很难查。先让它老老实实报告看到了什么,事实和文笔分开,后面才好核对。
复制的是完整多行原文
请逐张读图,只报告你在图中实际看到的内容,不要写 alt,不要组织成句子,不要润色: ①图中所有文字(标题、坐标轴标签、图例、数据标签、注释、页脚),请逐字转录; ②图中所有数值,逐个列出;图上没有数据标签、只能按刻度估读的,写"约"并标"估读"; ③图形要素(有几个柱子、几条线、几个方框、箭头指向哪里); ④如果某处你看不清或不确定,明确写"不确定",不要猜测; ⑤不要描述与信息无关的配色、风格、美观程度、氛围;颜色或形状承担信息的(比如用不同颜色区分全年和半年数据),写出它代表什么。 输出为清单,一张图一段。我会拿它跟原图逐项核对。
一份图像内容清单。它现在还不能用——必须先经过下一步的核对。
STEP 03
约 8 分钟
招标事务组专门提醒过:"AI 描述图片时编了一些图里根本没有的东西,被客户当面指出来过。"这在无障碍场景下格外恶劣——看不到图的人很难自己发现错误。规范第六节也明确要求 AI 输出一律视为初稿,须逐图人工核对。
复制的是完整多行原文
这是上一步生成的图像内容清单。请协助我做核对,输出核对记录表:
每行包含:图片编号 / 清单中的某一条内容 / 该内容属于"图中确实存在"还是"需要我人工确认" / 核对方式。
硬性要求:
①凡是涉及具体数值、文字转录、数量的,一律标为"必须人工逐项核对",并说明核对时该看图的哪个位置;
②凡是涉及推断的内容(如"呈上升趋势""说明业务增长"),标为"推断,非图中直接可见",并提示是否应保留;
③凡是主观评价(风格、氛围、"设计精美")和与内容无关的外貌描述,标为"应删除";颜色承担信息的,按需保留;
④对人物图,特别检查有没有描述外貌、年龄、体态、穿着——与内容无关的一律删除;
⑤图上没有数据标签的数值,以原始数据为准(图 2 看 图2_原始数据_数据组提供.csv),估读值只用来发现差错;图上的注释也要和数据对一遍。
请给我一份可以拿着对照原图逐条打勾的表。
一份核对记录 + 你亲手打过勾的原图。这一步是整个流程里唯一不能省、也唯一不能全交给 AI 的一步。
STEP 04
约 8 分钟
类型定了、内容核了,现在才能写。关键是不同类型走不同的写法——装饰图空着、功能图写功能、含文字图逐字转录、重复的留白。这一步如果用一套写法套八张图,前面三步就白做了。
复制的是完整多行原文
请按类型分别为 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 不够、按招标条款第(二)项应当怎么改; ③给出具体的页面改造建议——应该在页面上补充什么文字、放在哪里; ④对功能性图片,检查是否存在"图片是唯一可点击元素"的情况,并说明这带来什么额外风险; ⑤按整改优先级排序,并对照投标截止时间(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
看看别人照着教程做出了什么,也欢迎把你的结果留给后来的人。
正在加载本场景成果…