教育培训机构扩展服务时,新访客的第一印象很大程度上取决于他们能否清楚地浏览并理解你的内容。本文按实际可操作的步骤,说明如何用描述性的标题和简单易懂的语言来组织入门页面,让不同能力背景的访客都能较快看明白扩展后的课程到底包含什么,而不至于被复杂的结构或行话挡在门外。
场景设定:新访客走进刚扩展服务规模的教育培训网站
这是一个假设情境,不是提案,也不是对任何已测试事项的报告。
设想一位负责某小型培训机构网站的人。该机构长期开设晚间语言课程,最近又新增了三条学习线:考试准备、职场沟通,以及一门面向培训师的短期课程。网页已经存在,但首页仍然只面向原来的晚间课程学员。一位新访客为查找考试准备而来,打开首页后看到的是关于晚间课程的标题、一张时间表和一个报名按钮。她无法在几秒钟内判断考试准备这条线是否适合自己、由谁授课,以及它与原有课程是什么关系。
为理清思路,作者为扩展后的站点草拟了三种候选开篇。第一种是一块朴素的引导面板,标题为“从这里开始:我们目前开设什么”,用一行文字逐条列出四条学习线,并各附一个进入链接。第二种是一个简短的“哪门课程适合我?”选择器,围绕目标、可投入时间和现有水平提出三个问题。第三种是在首页顶部用一句话点出全部四条学习线,随后接一段共同介绍,说明学校的教学方式如何贯穿这些课程。
每一种候选方案都暴露出不同的矛盾。引导面板容易撰写,也容易保持更新,但它要求新访客先读完四个短块,才能找到属于自己的那条线。选择器提供了更个性化的入口,但它的问题需要机构能够明确作答,而作者并不确定机构的答案,尤其是培训师课程,其先修条件仍在商定之中。共同介绍的方式保持了统一的语气,却可能把考试准备这条线埋没在关于学校教学方法的笼统表述之下。
有一点确实尚未决定:新增的学习线应当作为晚间课程的补充来介绍,还是作为一组独立的课程项目来介绍。这一选择会影响首页标题、导航标签以及报名按钮的措辞。作者把这个问题留待决定,只注明:无论采用哪种框架,新访客都应能说出自己的目标,并看到一条与之对应的路径,而不必通读整个页面。
用描述性标题勾勒页面结构
按 Success Criterion 2.4.6 的要求,标题和标签须描述主题或目的。一个词、甚至单个字符,只要能为查找和浏览内容提供恰当线索,就可能足够。其意图是帮助用户理解页面包含哪些信息、这些信息如何组织,从而更容易找到所需内容,并把握内容各部分之间的关系。该准则只在页面已提供标题时才要求标题具有描述性;它并不要求必须有标题或标签,也不要求标题内容被正确标记,标记问题由另一项要求单独覆盖。1
这样做的好处是帮助用户定位,尤其对认知或视觉障碍者、因残障而阅读缓慢者以及短期记忆有限者更有价值;当小节标题使人能够预判每一节的内容时,这些用户会受益。当标题被正确标记和识别后,该准则还能帮助屏幕阅读器用户,例如在自动生成的标题列表、目录中,或在页面内从一个标题跳到另一个标题时。1
你可以用一位读者的示例问题来检验自己的标题清单:“我教晚间课;除此之外还有什么适合我?”拿出你现有的标题,在每个标题下写一句话,说明新访客能在这里了解到什么。如果某个标题只能引出含糊的一句话,可以考虑把它改成直接点出访客需求的说法,而不是沿用内部分类。
例如,假设某条草稿标题写作“课程与排期”。把它改写为“晚间课程与周末工作坊”,就能让教晚间课的教师看出变化在哪里。第二条标题“如何选择学习线”,在页面主要帮助人们比较选项时,比“报名信息”更合适。如果原来的措辞仍与访客在其他地方看到的表格材料一致,你也许可以把原措辞保留为子标题。
对两三条标题做同样的修改,比较哪个版本能更快回答新访客的问题。这是作者的演示,不是关于读者如何反应的证据。当访客已经熟悉某个说法时,你可以选择保留熟悉术语;当服务扩展引入不熟悉的选项时,也可以倾向使用描述性短语。私下记下你改了哪些标题、为什么改,以便后续编辑保持一致。
组织内容层级,让浏览更顺畅
标题能传达页面内容是如何组织的。浏览器、插件和辅助技术都可以利用标题在页面内导航。层级很重要:最重要的标题为1级,最不重要的为6级。同级或更高级的标题会开始一个新小节;级别更低的标题则会在较高级别的小节内开始一个子小节。跳跃层级可能造成困惑,应尽量避免——例如,一个h2元素不应直接跟着一个h4元素。在结束子小节时跳级是可以接受的,比如一个h4结束前一小节之后,用h2开始一个新小节。在侧边栏这类固定页面区域中,标题层级不应随内容区域的层级变化;在这些区域里,跨页面的一致性更重要。标题也适合用来标记页面区域;可见的标题让所有用户都能容易地识别这些区域。2
你可以拿一页草拟的标题,判断哪一层级应当承担引导作用。可以考虑把“我们教什么”放在靠近顶部的位置,然后在它下面把晚间课程和新增的日间学习线并列为同级标题。这一选择告诉新访客:两类课程同属一个体系,同时又不必抹平它们之间的差异。
试着对自己现有的材料做一次小归类。把每个现有标题单独写一行,再把回答同一个问题的行归到一起。如果“晚间课程”和“周末工作坊”被归在一起,而“如何报名”另立一处,你就有了一份粗略的层级。你可以考虑把“如何报名”提到首屏,让课程介绍排在后面。
你还可以检查是否有哪个标题同时承担了两项任务。“课程与时间安排”可以改成“晚间课程与周末工作坊”,把时间安排分别放在各课程之下。这是作者给出的示例,不是经过测试的结果。请选择那个能让读者在读下去之前先认出自己情况的版本。
最后,要决定新增学习线相对于既有课程应放在什么位置。如果你把它们呈现为同级,就让它们的描述保持相同的长度和深度,以便新访客能公平地比较。
写出清晰易懂的正文段落
语言能力受限的读者更容易理解使用浅显语言的页面内容。有语言障碍的人可能看得懂简单句和常用词,而夹杂生僻词的复杂表达对他们来说可能难以理解。3
清晰的视觉布局有助于理解。按照来源的说明,短小的文本块、留白,以及前景与背景之间良好的区分,都能让内容更容易理解。3
同一页面还列出了具体的写作选择:使用容易理解的词、短句、简单时态、简洁的文字、没有歧义的内容、字面语言,并避免双重否定或嵌套从句。它还建议把每条指令分开陈述,并解释隐含的内容。3
拿一段你现有用来介绍晚间课程的段落,与一段为扩展服务草拟的段落作对比。目标是在决定如何发布之前,让这两段文字可以并排阅读。你可以把两段都复制到同一个工作文档中,标出新访客需要读第二遍才能理解所提供内容的位置。
作者的演示使用两个虚构的句子。原句是“我们的晚间语言课程长期服务本地学习者,新近推出的周末工作坊延伸了这一服务。”更平实的版本可以写成“我们开设晚间语言课程。我们还新增了周末工作坊,面向无法在晚间上课的人。”第二个版本把两项服务分开,并说明了新增内容的原因。你也可以选择一个折中的版本,保留自己的语气,但把变化放进单独的句子。
对介绍新学习线的段落做同样的修改。如果你把它们作为并列项目介绍,就保持句式平行;如果它们是补充内容,就说明一次,然后按它们自身的特点来描述。这是一种写作选择,并不是关于访客会如何反应的断言。你可以把两个版本都读出声来,保留那个能让新访客不必重读就能回答“有哪些适合我”的版本。
为认知可访问性给各小节加标签
来源指出,用简短标题把相关段落归组并描述各小节,是与之相关的机制。该来源还指出,超过三、四个段落的文档,标题和子标题对可用性与可访问性很重要,有助于读者把握整体大纲并跳转到感兴趣的具体信息。4
来源同时提醒,仅靠视觉样式无法承担标签作用。它指出,视觉读者会扫描字号更大或样式不同的文本,但使用辅助技术的用户看不到这些变化,因此改变样式不是足够的线索。标题必须按语义标记,辅助技术才能识别并用于导航;来源称这是屏幕阅读器用户最重要的工具之一。4
检查你已为扩展服务草拟的一个标题,判断它应承担什么任务:是让新访客了解整个网站,还是标出某一条学习线。可考虑“课程与安排”这样的标题。把它写成“晚间课程与周末工作坊”,就把两项服务并排放置,也告诉返访的晚间课程学员新内容位于何处。
你还可以检查两个标题是否在回答同一个问题。按每个标题所回答的问题给现有标题分组,再决定哪一组应放在页面上方。若“晚间课程”和“周末工作坊”总是同时出现,你可以决定用一个共用标题覆盖两者,还是各占一行。
对介绍性段落,可把描述原有课程的一句与描述新增学习线的草稿句作比较。判断两者应读作并列关系还是补充关系,只有选择并列时才保持措辞平行。这些是作者的演示,不是经过测试的结论。
复核入门页面之间的一致性
一个可行的下一步,是拿一张现有的入门页面,像一位在服务扩展之后才到来的新访客那样把它朗读出来。你可以标出每一句预设了旧有知识的话——晚间课程的时间安排、报名的惯常流程、熟悉的教室名称——并记下新访客会在哪里停顿。这是作者对自己草稿的复核,不是对任何服务的测试。
假设页面先用了三段讲既有的晚间课程,之后才提到周末工作坊。你可以改写第一段,让它在同一层级上点出这两类课程,然后让每一类在下面各占一个短块。这个选择由你来做:并列处理表示新增的学习线与原有课程同等重要,而先后处理表示它们属于补充。两种都可以,只要措辞把关系讲清楚,而不是留给读者去推断。
把页面并排放在一起时,一致性更容易检查。你可以列出反复出现的元素——欢迎语、课程名称、对时间安排的提及、联系路径——并比较每个页面如何处理它们。如果一个页面写“我们的晚间课程”,另一个页面写“语言项目”,读者可能会疑惑这两者是不是同一回事。为既有课程选定一种说法,为新增学习线选定一种说法,然后把它们贯彻到各个入门页面。你可以把选定的措辞简短记下来,方便之后的修改保持一致。
并非每一处不一致都需要立刻改掉。你可以把发现的问题分成两组:可能让新访客误解课程内容的措辞,以及仅仅是不够整齐的措辞。在发布扩展后的页面之前先处理第一组,第二组留到以后再改。这样能让复核聚焦于读者的理解,而不是逐句打磨。
常见问题
我怎样用一个假想的读者问题来检验自己的标题清单?
可以用一个示例读者问题来检验:“我晚上教课,还有什么适合我?”把你现有的标题逐一取出来,在每个标题下面写一句说明,讲清新访客在这里能了解到什么。
我怎样把自己的现有标题归类,看哪些回答的是同一个问题?
先对现有材料做一次小规模归类。把每个现有标题单独写一行,然后把回答同一个问题的行放在一起。
我怎样判断两个标题是否回答了同一个问题?
你还可以检查两个标题是否在回答同一个问题。按每个标题所回答的问题把现有标题分组,再决定哪一组应当放在页面更靠前的位置。
Understanding Success Criterion 2.4.6: Headings and Labels | WAI | W3C . 采集日期:2026-11-09. ↩︎ ↩︎
Headings | Web Accessibility Initiative (WAI) | W3C . 采集日期:2026-11-09. ↩︎
Use Clear and Understandable Content | Cognitive Accessibility Objective | WAI | W3C . 采集日期:2026-11-09. ↩︎ ↩︎ ↩︎
Writing for Web Accessibility – Tips for Getting Started | Web Accessibility Initiative (WAI) | W3C . 采集日期:2026-11-09. ↩︎ ↩︎