旧文章放进深色页面后看不清,先检查正文自身保存的颜色和背景,再看文章模板。页面外层变黑,不代表编辑器里的黑字、浅底表格和图片内文字会自动适配。修复时应区分内容样式与共用模板,保留文章的信息结构,不能一键把所有颜色改白就结束。
先确认问题发生在正文哪一层
一篇文章可能同时包含普通段落、手动设置颜色的文字、引用块、表格和截图。外层模板负责页面背景与默认样式,正文又可能保存自己的格式。两层规则冲突,便会出现部分段落正常、部分消失的情况。
假设同页标题可读,正文中某一段仍是黑字,应先检查那段是否保存了独立颜色。若所有普通段落都过暗,则需要核对共用正文规则。若只有图片里的文字难辨,应检查图片本身,修改文字颜色不会改变截图内容。
给问题记录具体文章、段落与表现,并保留原稿。不要只写“深色模式不兼容”。更细的记录能够判断是单篇历史内容,还是同类文章模板的共同问题,从而决定修改范围。
本篇讨论旧内容适配方法,没有对某个线上文章作当前故障判断。JVDS 的历史文章材料可用于识别不同格式的内容,不能据此声称所有旧文都已出现或已经修复同一种问题。
先修可读性,保留有意义的层级
普通文字与背景需要足够对比。W3C 的对比说明给出了文字可辨认的要求。实际检查还要看最终背景、透明度和字体,不只比较两枚设计色值。
旧文里的强调、链接与注释可能承担不同作用。如果全部改成同样颜色,虽然更容易看见,却可能失去层级。应先确认哪些是正文、哪些是可点击入口、哪些是重要提示,再使用当前文章样式对应。
不要把“灰色比较高级”作为降低可读性的理由。小字号提示与链接尤其要在实际手机条件下看,必要的信息不能只有高亮显示器上才清楚。检查时可以调低到正常使用亮度,但不以肉眼感受代替需要的对比核对。
选中文字后能看到,不代表默认状态合格。鼠标经过才能出现的链接、某些状态才变亮的提示,也应按实际阅读任务检查。读者第一次进入时,应能理解主要信息,而不是被要求探索才能找到正文。

判断是清理局部格式,还是改共用模板
若单篇正文使用了过时的手动格式,可以在保留内容的前提下清理不必要颜色,再使用当前编辑规则。先处理一处,保存后复查标题层级、段落、强调和链接,再决定是否扩大到整篇。
如果大量文章出现相同问题,维护者应检查共用规则,不要要求运营逐篇用相同手工修补。共用规则修改后也需抽查不同内容类型,避免为黑字修复而把表格、引用和按钮一并破坏。
有的内容颜色有信息意义,例如状态说明或分类。清理前需要确认是否还能通过文字或形状表达,不应该靠颜色独立传达。删除颜色以后含义不完整的地方,先补清楚文字再发布。相关操作可参阅《企业官网无障碍设计清单:颜色、键盘、图片和表单》。
自动清理只能作为辅助。未经查看便批量删掉所有正文样式,可能移除表格宽度、图片对齐或必要的说明格式。成功标志是清理后信息与结构完整,默认阅读和操作均符合预期,不是源代码里颜色字段变少。
表格、引用与图片要分别看
表格可能带白底黑字,也可能只保留黑字却失去浅背景。在深色页面中应检查表头、数据、边界和横向阅读,不能只看第一个单元格。录入时表格及容器应使用最大尺寸、宽度为100%,同时确认手机上的实际显示。
引用块需要保持与正文的区分,但不能因为弱化背景就让文字消失。旧文有自定义边框、透明背景或注释时,应检查它们与当前页面关系。重要提示最好通过清楚文字和适当结构表达,不依赖一个低对比色块。
图片本身不会随正文样式改色。带白底的截图可能与深色环境对比强烈,这不一定错误;需要看它是否符合用途、边缘是否清楚,以及图片里的信息在当前尺寸下是否可读。不要为了统一暗色把真实截图任意反色。
若图片只用于概念展示,可以重新制作合适的版本;若图片作为实际界面证据,应保持真实信息,必要时加稳定容器和说明。两类用途区别清楚后,再决定处理方式,避免视觉统一损害事实表达。

对于链接,还需要检查访问前后或获得焦点时的文字是否可读。正文里重要的下载与资料入口如果颜色接近背景,即使整篇文章阅读正常,也可能让用户错过下一步。修复时保持可点击关系,不把链接复制成普通文字。
若旧文从办公文档粘贴而来,可能同时保存字体、字号和背景。清理时先选择一小段试验,确认普通正文能沿用当前规则,再处理其他段落。对于表格等复杂内容,单独核对数据与行列,不要让清理操作意外改变信息关系。
修改前可以保存公开显示截图与原始正文副本,修改后对照同一位置。这样如果发现格式清理损伤了必要内容,可以准确回到原稿。备份应放在适合编辑协作的位置,不需要把整个网站的数据或配置一起打包。
新模板上线时,最好在正式处理大量旧文之前选几种典型格式试用。仅用新写的干净正文测试,容易忽略历史内容保存的独立规则。试用的意义是识别影响并确定处理方法,不代表样本通过以后所有文章自然适配。
修改意见应说明“哪段文字在什么背景下不可读,期望沿用什么层级,并保留哪些特殊含义”。比如提示颜色承载了状态时,先把状态用文字说清。具体表达能够让清理保持信息完整,避免纯粹为了变亮而取消必要说明。
保存后核对,不只在编辑器里预览
编辑器背景可能与公开页面不同,因此编辑时清楚不代表保存后清楚。复查应进入真实文章展示,核对开头、中部、长内容、表格与尾部入口,并在手机条件下查看。
如果网站只采用一套深色视觉,重点是这套规则完整。如果实际支持深浅切换,则每种状态都要测试,不能只修深色造成浅色失读。范围需要提前说明,深色页面与双主题功能不是同一件工作。
对清理较多格式的文章,比较原稿与保存后的正文,确认没有遗漏段落、图片或链接。标题应继续按内容关系组织,不要为了恢复视觉大小将所有小标题变成普通加粗段落。
涉及共用模板修改时,选一篇普通长文、一篇有表格的文章、一篇图片较多的文章和一篇含链接的文章抽查。样本不代表全部已经通过,但可以帮助发现影响。未覆盖的类型仍需明确记录。
给后续录入建立简单规则
约定默认文字使用当前正文样式,除确有语义需要外,不在编辑器逐段指定颜色。强调使用明确层级,链接按统一规则,表格与图片采用可维护格式。新同事应能依规则录入,不必记住几十个色值。
从其他文档复制内容后,先检查是否带入多余格式。可以在草稿里核对一段普通文字和一段特殊内容,再继续整篇。不要看到文字出现就直接发布,来源文档的颜色和背景可能跟随复制保留下来。
如果某种格式有特殊用途,记录使用条件与样例。后续主题或模板更新时,再按样例复查。维护记录重点是格式如何显示与读者如何使用,不要混入不适合进入正文的编辑流程说明。
验收完成时应保留文章范围、处理方式、样本与未覆盖项目。文章读得清楚、层级仍有意义、图片与数据未失真,才是本题的完成标志。深色背景应服务内容,旧内容也需要按它自己的信息类型得到适配。

常见问题
直接把正文全改成白字,最快吗?
可能暂时可见,但容易损失链接、注释与强调层级,也可能影响浅色状态。先区分普通正文和特殊内容,按用途处理更可靠。
只有某一篇看不清,要改全站样式吗?
先检查该篇独立格式。若其他文章没有同类问题,局部清理可能更合适;共用规则的问题则需维护者核对影响范围。
白底截图放黑底上算错误吗?
不一定。真实截图应保持信息,重点检查用途、边界与可读性。可以调整容器,不能只为了视觉统一改变其真实内容。相关操作可参阅《品牌色怎么选?行业惯例、差异化与可访问性之间的平衡》。
手机正文正常,表格需要另外验收吗?
需要。表格的颜色、宽度和阅读方式不同,应查看实际数据与横向显示,并按网站规则使用最大尺寸与100%容器。
清理格式会不会影响搜索表现?
不能从颜色修改推断排名变化。此次目标是可读性与结构完整,处理后检查内容和链接,搜索结果需要另外取得相应证据。