Lists

尽可能以列表的形式呈现关键概念、序列和多于两个的类似项目.

列表可以帮助用户更快地理解文本. 作者可以使用它们来减少读者在理解密集或复杂段落时的疲劳. 列表可以打破文档流程,鼓励用户坚持阅读内容.

使用列表来方便扫描

Do

Use lists to:

  • 提出关键术语和概念
  • 将信息组织成有意义的块
  • 传达过程和程序所需的顺序
  • 创建指向其他信息的链接

写一个平行的项目列表 它们有相同的结构.

Don't

不要仅仅为了吸引人们对某项内容的注意而使用列表格式. 列表应该总是包含列表项. 

不要将不同的项格式化为列表,除非重写它们以使它们具有相同的结构.

如果你的列表格式不正确, 自适应技术用户将无法将文本识别为列表.

Do

在文档或演示软件中使用列表或段落格式选项,或者在网页上使用HTML列表标签.

使用项目符号列表显示相关项目的列表.

使用编号列表来显示流程中的步骤或整体中零件的数量.

使用软件中的段落格式工具或网页上的CSS在每个列表项之间添加空格. 

Don't

不要通过简单地插入数字来手动创建列表, characters, images, 或在列出项目之前的其他符号,然后缩进项目文本. 

不要在列表项之后添加额外的回车, 因为这会给你的文档或网页增加不必要的代码.

虽然屏幕阅读器可以检测项目符号(无序)列表, 它们通常不区分缩进的程度.

Do

在二级和初级中使用具有不同编号系统的有序列表,以帮助用户区分它们.

试着把你的长列表分成用标题分隔的小列表.

Don't

Avoid nesting lists.

不要在嵌套列表中使用相同的项目符号类型.

避免在一个很长的清单中列出很多项目.

替换MS Office和Google Suite产品提供的通用项目符号字符(例如.g.(圆形和正方形)的自定义字符可能会导致一个 没有alt文本的图像被包含 或者在屏幕阅读器中通过ASCII值解释字符. 

在网站上,您可以使用CSS将标准项目符号替换为自定义图像. 但是,屏幕阅读器会读取该项目符号,就好像它没有样式一样.

Do

使用软件列表或段落格式选项提供的标准项目符号.

Don't

不要使用自定义的子弹,因为它们会被显示给身份不明的屏幕阅读器用户.

Ordered

有序列表按编号或字母顺序排列. 

Example

Goldy Ipsum. 在这个广阔的校园里有模糊的痕迹, 通往忙碌的地鼠们玩耍的秘密小洞. 成功的要素是:

  1. 成功是可以实现的,但是
  2. only with big teeth,
  3. 不停地啃噬着每一个角落的挑战.

Unordered Lists

无序列表使用项目符号. 

Example

Goldy Ipsum. 在这个广阔的校园里有模糊的痕迹, 通往忙碌的地鼠们玩耍的秘密小洞. 成功的要素是:

  • 成功是可以实现的,但是
  • only with big teeth,
  • 不停地啃噬着每一个角落的挑战.