用一个页面练习诊断,核心做法是:自己搭一个结构简单但故意留有问题的页面,然后按“抓取—索引—呈现—内容”四条线逐项检查,把每个现象写成“观察到的证据+可能原因+验证方法”,而不是直接下结论。多人协作时,这份记录就是交付物,别人能照着复现你的判断,返工自然减少。
不要随便找一个线上页面就开始看,那样变量太多。自己写一个静态页,包含标题、一段正文、两张图片、一个内链、一个外链即可。然后人为埋入三到五个问题,例如:标题与正文主题不一致、图片缺少替代文本、正文里有一段用图片代替的文字、内链指向一个不存在的路径。
把预期答案先写下来,再开始诊断。这一步是新手最容易跳过、但对协作最关键的:没有预期,就无法判断自己是“没发现问题”还是“问题不存在”。
顺序建议如下,每一步只记录事实,不写猜测:
<title>、<h1>、<meta name="description"> 是否存在且内容一致。alt,以及 alt 是否描述了图片内容而非堆词。多人协作时,建议每人负责一条线,最后合并。合并时只保留“有证据”的条目,删掉“感觉不太好”这类无法验证的描述。
诊断练习的价值不在于找到多少问题,而在于每个判断都能被别人复现。写法示例(假设场景):
<h1> 写的是“产品介绍”,但正文讲的是“退换货流程”。这里要区分“可能原因”和“已经定位的原因”。同一个现象往往有多种解释,写清楚验证路径,比写一个漂亮结论更有用。
把页面和诊断记录一起保存,形成一个可复用的练习包。每次练习后更新两处:一是新增你这次才意识到要检查的项目,二是删掉已经被证明无效的检查项。如果多人使用,给记录加一个简单的版本说明,注明谁在什么时候改了什么。
判断这份练习是否有效,看一个标准:换一个人拿到你的页面和记录,能不能在不问你的情况下复现出至少八成结论。能做到,说明交付清楚;做不到,说明记录里还有只有你懂的隐含假设。
下一步:挑一个你手头真实页面的某个局部,按上面的五步顺序做一次,只写证据和验证方法,不写结论,然后交给同伴复现。