先问这张图在当前页面承担什么信息
同一张商品图出现在详情首屏、装饰横幅或购买链接里,替代文本不一定相同。先明确读者需要从这里获得什么,再决定文字怎么写。在Flux Art(https://flux-art.net/zh)完成视觉候选之后,页面替代文本仍是网站编辑与实现团队的工作,不能把文件名或一串产品关键词直接当作答案。本文提供内容交接和检查方法,不实际修改任何网站,也不把某个字段存在当成整站无障碍已经通过。
把图像内容和周围文字一起交给编辑
审核资料应包括图片实际版本、所在页面、附近标题和正文、是否可点击、点击后的用途,以及目标语言。单独看一张图,无法知道旁边是否已经完整说明其信息。商品颜色、结构、件数和标注均应来自批准资料,不因要写替代文本而补充图片里看不见或产品没有证据支持的属性。若图片尚未定稿或页面位置未确定,状态写待补证,避免先批量写好一套文本再套进不匹配的页面。
区分信息、装饰和功能,不按好看程度分类
W3C图像教程强调按用途和上下文选择文字替代:信息图传达必要内容,纯装饰图可以使用空替代文本,作为链接或按钮的图像则要表达功能。参考 https://www.w3.org/WAI/tutorials/images/ 。空替代文本与没有提供alt属性不是同一个实现选择。下面表格是团队决策记录,不是真实用户测试;具体元素组合交给网站实现人员核对,不机械给每个图片节点填入同一段话。
| 当前用途 | 重点核对 | 交接动作 |
|---|---|---|
| 新增商品信息 | 图中必要且有依据的差异 | 写简洁信息替代 |
| 纯装饰且无信息 | 是否确实不承担功能 | 实现适当空替代文本 |
| 链接或按钮内容 | 现有名称与实际功能 | 核对完整控件名称 |
| 图片中的文字 | 关键文案是否已可用 | 补齐必要文字内容 |
| 复杂规格图 | 完整数据和说明位置 | 提供合适详细等价信息 |
| 上下文未确定 | 页面、语言及版本缺项 | 待补证,不批量猜用途 |
信息图写差异,不堆满营销词
如果这一张图新增了商品背面的接口布局,就说明该布局中对读者有用且有依据的内容;若只是同一正面图再次出现,先检查附近文字是否已承担相同信息。避免把品牌、品类、促销词反复堆在每张图上,这会增加阅读负担,也不能证明搜索表现会改善。文字尽量简洁,但不为了短而漏掉必要状态,例如打开与关闭、单件与套装。图片不能支持的功效或兼容性不要塞进替代文本。
文字海报和复杂规格图需要另外安排完整信息
图片里包含价格、活动条件或关键说明时,不应只用促销海报四个字替代实际信息。确认相同文字是否已在页面正文可用,缺失的必要内容以适合阅读的方式补齐。复杂图表或尺寸示意可能需要邻近详细说明,不能把所有数据硬塞进极长alt。图像名称、简短说明和完整数据各自承担职责,信息一致性与可访问性都要检查;本文不规定统一字数,也不把简短等同于省略重要条件。
假设案例:单品图从详情移到购买入口
假设一张杯子正面图原来用于说明外观,后来被放进前往该商品详情的链接卡片。这不是实测,也不是真实页面修改记录。审核应重新确认链接已有的可见标题及实际可访问名称,避免一边重复朗读同一名称,一边漏掉目的地。如果图像是链接唯一内容,所需文字与纯装饰横幅不同;不能只因为图片字节没变,就沿用此前空替代文本的判断。
检查最终页面,而不只检查素材表
让实现人员在实际页面中核对图像、邻近文本、链接和可访问名称,必要时使用辅助技术进行获准测试。记录浏览器、页面版本和观察范围,不把编辑表里写好了等同于已经部署。关闭图片或观察可访问树可帮助排查,但任何单项检查都不能替代完整的内容阅读与交互验收。看到无意义文件名或重复长描述时,先定位元素组合和名称来源,不盲目在多个属性中继续追加相同文字。
语言、裁切和位置改变后重新审核
英文替代文本应对应英文页面的实际内容和商品资料,不是把中文逐词拼过去。裁切后原本可见的配件消失,或图片改成另一颜色时,相应说明也要复查。建立资产版本、页面位置、用途、语言、替代文本及批准人的对应表,允许同一图片在不同上下文拥有不同记录。后续仅改文件压缩而信息未变,可据实际影响判断复验范围;不要每天重写全部alt来制造更新,也不把它当排名承诺。
先保证读者获得同等的必要信息
从一张信息明确的商品图开始,连同实际页面上下文完成交接,再扩展到其余位置。Flux Art是多模型AI视觉创作与生产平台,生成内容可以商用;输入素材权利和商品宣传事实独立核验。本文没有真实屏幕阅读器测试结果,也不声明平台自动生成的描述一定适用于网站。目标是让缺少视觉信息的读者仍能理解必要内容和动作,而不是把一张审核表填满就宣布全站合规。