WebAIM-考虑到Web可访问性

项目-阶梯石文献综述详细结果

概要

以下是由WebAIM进行的Steppingstones文献综述的结果。请阅读我们的本文综述和概述的文献综述。括号中的数字表示引用特定元素或(在更高级别类别的情况下)子元素的文献的数量。例如,WCAG.被16篇文章和第508节由4篇文章引用。更高的水平类别使用无障碍指南和标准被引用了23次,其中包括WCAG和/或第508节的参考,以及对常规使用可访问性指南和标准的其他参考。

制定并记录了许多额外的建议,但不出现在下面。此外,列出的某些元素可能会在多个类别中识别。例如,下面在“结构”类别下面列出“空格”。只有在此处记录在现场结构和布局方面引用的文章时的实例。虽然空格可能是可读性和注意力/分心的因素,但在这些上下文中对其的任何引用都被单独地记录并与下面的标题分开。有关提供的建议的其他详细信息,但下面未列出的详细信息将在稍后可用。

符合标准/最佳实践(63)

  • 确保您有有效的HTML/CSS(2)
  • 使用无障碍指南和标准(23)
    • WCAG(16)
    • 第508(4)条
  • 遵循可用性指南(8)
  • 通用设计的使用原则(17)
  • 使用简单内容(15)
  • 使用简单的设计。这将包括布局、选项和导航(39)
  • 将内容与设计分开(CSS)(15)
  • 确保一致(18)

常见的设计元素(76)

  • 与导航或用户交互有关的项目(54)
    • 导航项目的放置和位置(4)
    • 整个现场的一致性(21)
    • 使用标准化图标(例如,指示主页,电子邮件)(7)
    • 使用主页按钮(3)
    • 接触机制的可用性(2)
    • 提供任务测序的机制(例如,使用任务栏,序列指示器,回溯或选择过滤)(6)
    • 在页面上使用大的可点击目标(15)
    • 限制用户所需的选项或步骤的数量(18)
    • 存在对网站内容的搜索(10)
    • 站点地图或索引的存在(10)
    • 表单标签和交互控件标签的使用(9)
    • 文本标签与相关表单元素的接近度(2)
    • 使用为用户预填充、预选择或排序的表单元素。(1)
    • 以标准和常识的方式呈现链接(例如,蓝色,下划线)(5)
    • 提供描述性的链接文本(例如,它包括警告或通知,如PDF的存在或新窗口的打开)。(7)
    • 使用明显可见的链接(4)
    • 在网站上链接相关内容(2)
    • 使用上一页和下一页链接(6)
  • 用户定位和帮助用户避免错误(44)
    • 提供错误识别和恢复机制(21)
    • 向用户提供说明、提示或其他错误预防机制。(33)
    • 向用户提供其站点位置的上下文(例如,面包屑、选项卡)(11)
    • 向用户提供警报、反馈机制和进度指标(例如下载状态)(17)
  • 用户控制(45)
    • 为用户提供页面设置,控件或小部件(例如,在网页中,它们可能使用小部件来控制字体大小或选择样式)(18)
    • 为用户提供外部控制(例如,启用用户css、浏览器设置、允许[不明确提供]字体大小更改)(11)
    • 避免时间限制或为用户提供对基于时间的内容的控制。(15)
    • 存储用户配置文件或演示文稿信息以供重复使用。(6)

语言使用/阅读(55)

  • 使用对用户有帮助的语言元素(49)
    • 在语言使用上保持一致(5)
    • 以语言使用引出图像(2)
    • 使用与内容一样简单的语言(38)
    • 简单地用语言使用(即,减少您的文本数量)(25)
    • 使用Active VS.被动语音(5)
    • 避免口语主义,非文字文本,术语和缩写。(15)
    • 避免无关、无关或不相关的信息(2)
    • 在适当的地方解释(2)
    • 使用类比(1)
    • 使用正确的拼写和语法(4)
  • 小心你的阅读水平(10)
  • 文本的可读性(视觉感知)很重要(24)。
    • 更大的线高度(10)
    • 更大的线宽(11)
    • 无衬线字体(6)
    • 更大的对比(9)
    • 较大字体大小(14)

提高理解力(80)

  • 使用多模式或增强内容(71)
    • 使用图像(54)
    • 使用音频或多媒体(52)
  • 为用户提供替代格式(47)
    • 向您的媒体提供标题(8)
    • 向非文本内容提供文本替代方案(例如,替代文本,longdesc,图像标题)。(16)
    • 提供成绩单(6)
    • 确保您的内容与屏幕阅读器或其他发声机制兼容。(38)
  • 增强用户对内容的理解(33)
    • 提供视觉差异以增强他们的理解(例如,使用颜色、粗体、字体、焦点、分隔符/规则)(17)
    • 提供摘要,介绍或目录(10)
    • 突出显示或确定重要信息(15)
    • 定义或解释术语(例如,提供术语表、定义缩写和首字母缩略词)(15)
  • 注意你的演讲顺序,以此提高理解力(7)
    • 先订购最重要或最相关的物品(3)
    • 将内容从一般到具体排序(3)
  • 用重复来提高理解力(5)

结构(29)

  • 在整个内容中使用标题(17)
  • 组块、组织或分组内容(18)
  • 使用列表来帮助提供有意义的结构(13)
  • 使用空格来帮助识别结构元素(14)

注意力/分心(26)

  • 使用能将用户注意力集中在内容上的元素(12)
    • 使用颜色进行焦点(3)
    • 使用文本大小/面作为焦点(1)
    • 使用移动或动画聚焦(1)
    • 使用非文本元素作为焦点(2)
  • 避免分心或使用行动分散注意力的未经说法机制(21)
    • 避免让人分心的动画或动作分散内容的注意力(9)
    • 避免移动或动画文本或内容,因为用户可能无法对焦或读取该内容(3)
    • 避免弹出窗口(5)
    • 避免同时执行任务(3)