图片丢失后,页面不必为了“完整”而硬撑原样。更稳妥的做法是分三步判断:先保留替代文本和图片说明,再改写依赖图片才能成立的句子,最后把无法补救的图位退出页面结构。取舍的分界线是——读者不看图,是否还能理解这条信息、完成下一步动作。
图片在页面里的角色不同,丢失后的处理方式也不同。判断依据不是图片好不好看,而是把它移除后,文字是否出现语义缺口。
一个实际动作是:在图片位置旁写一句“这张图原本让读者看到什么”。如果这句话能独立成立,说明图片是辅助型;如果写不出来,说明它是信息型,需要补文字。这个判断结果直接决定下一步是保留图位还是删除图位。
这三种处理不是按顺序全做一遍,而是根据图片角色选一条路。
如果图片的 alt 属性已经准确描述了内容,且页面布局允许图位暂时留空,可以保留图位并显示替代文本。前提是替代文本本身能读懂,而不是“图片1”“产品图”这类占位词。保留的代价是页面可能出现空白区域,适合图片数量少、位置固定的情况。
当图片承载关键信息,而替代文本写得太简略时,应改写正文,把图片里的信息转成句子或列表。例如把一张“施工节点对比图”改写成两段文字,分别说明两个节点的差异。改写的边界是:不能凭记忆编造图中没有的细节,只能写已有依据的内容。改写后,图位可以删除,页面信息不缺失。
如果图片只是装饰,或图源已无法找回、也没有可靠描述,应让图位退出页面结构,而不是保留一个破图图标。退出的前提是:移除后不影响读者理解正文和完成操作。退出后要检查相邻段落的衔接,避免出现“如下图所示”却无图可看的悬空指代。
个别页面图片丢失时,手工补一句替代文本就能解决。但当一个站点有几十上百个页面出现同类问题时,单页经验会失效,原因有三点。
因此,规模化处理前应先定一条规则:哪类图片统一改写、哪类统一退出。规则确定后,再抽样验证几个不同模板的页面,确认布局和语义都没有缺口,才继续推进。这个动作的结果会决定是否需要回退部分页面的处理方式。
假设某六安本地服务站的“服务流程”页面有一张流程图丢失,页面文字写着“具体流程见下图”。按三步判断:
如果这张图只是页面顶部的装饰横幅,判断结果会不同:直接退出图位,不补文字,也不留空白。两种走向的差别,来自图片是否承载了不看图就无法获得的信息。
第一,检查页面是否还有指向丢失图片的句子,如“如下图”“见图示”“参考图片”。这些句子在图片退出后必须一并改写或删除。第二,检查替代文本是否被误当成正文重复出现。替代文本是给无法加载图片时使用的,不应在图片正常时也显示在正文里,否则会造成信息重复。
这两项检查做完,再决定是否需要调整页面结构。如果检查中发现某类图片反复出现同类问题,说明需要回到规则层面统一处理,而不是继续逐页修补。