WebAIM -考虑网页的可访问性

认知障碍(1)
我们知道的仍然太少,我们做的更少

介绍

认知障碍是web开发人员中最不被理解和讨论的残疾类型。因此,开发人员很少设计让有认知障碍的人可以访问的web内容。万博体育官网网址这种情况不太可能在一夜之间改变,因为与web内容可访问性相关的研究数量相对较少。没有大量的研究,关于为认知障碍的人设计的信息更具有推测性,更模糊,也更难以实现。使问题复杂化的是,许多认知障碍的研究领域定义不明确。这种残疾有时很难诊断和描述,因为有相似认知残疾的人的特征差异很大。

鉴于定义和分类认知残疾的问题本质,这一点也不奇怪认知障碍科学还没有为web开发人员提供一套明确的建议。这并不是说没有建议存在。一些建议已经被纳入W3C的Web内容可访问性指南中。其他地方也提出了其他建议。问题是,这些建议缺乏支持性研究,给它们的准确性和完整性投下了怀疑的阴影。

第一个目的这篇简短文章的目的是鼓励在为认知障碍的人设计内容的领域进行更多的研究。

第二个目的本文的目的是鼓励开发人员更加认真地考虑有认知障碍的用户。有认知障碍的用户比所有其他类型残疾的用户加起来还要多(如果包括学习障碍、阅读障碍、注意力缺陷障碍和其他常见情况)。

第三个目的这篇文章的目的是发表一份初步的建议列表并征求反馈。

下面列出的建议既不明确也不全面。并非所有这些建议都容易实施,甚至在所有情况下都是必要的。并不是所有的这些建议都同样适用于所有的认知障碍。使问题复杂化的是,其中一些建议可能与其他可访问性建议出现冲突。这些冲突可能是真实的,也可能不是,这取决于建议的执行方式。最后,并不是认知障碍领域的每个人都同意这些建议的有效性或准确性。这些建议是基于现有研究、通常假设的最佳实践和深思熟虑的推测的结合。

这些建议列表在目前的状态下可能对开发人员有用,但希望研究人员和开发人员将这些建议作为假设进行测试。请把这些建议付诸实践!WebAIM非常有兴趣听到任何与这些主题相关的研究。

为认知障碍人士提供无障碍网页内容的建议万博体育官网网址

  1. 创建可转换的、丰富的、多模式的内容。
    1. 可变形的
      1. 允许字体放大。
        放大字体的能力取决于用户代理(浏览器)的能力,但是建议使用相对单位,而不是绝对单位。例如,使用“em”或“%”而不是“pt”或“cm”。
      2. 使用真实文本或基于矢量的文本,而不是基于栅格的图像中的文本,以允许更高质量的放大,而没有像素化。
        真实文本始终是传达文本内容的最佳、最可转换的方法。当文本用于图形或富媒体时,基于矢量的格式(flash、SVG)的放大效果优于基于栅格的格式(例如jpg、gif、bmp)。
      3. 以文本格式提供所有内容,以便可以由文本-语音合成器大声读出。
        内容可以是纯文本,HTML,图像的alt文本,或任何其他格式的真正的文本,可以被辅助技术访问。在某些情况下,提供独立于富媒体版本的文本版本(例如视频的文本文本)可能是合适的。
    2. 多模式
      1. 用图画、图表、照片、音频文件、视频剪辑、动画和其他非文本媒体来说明概念。
        通过尽可能多的感官和输入方式(视觉、听觉、互动、阅读等)与用户进行交流,增加内容被理解的机会。
      2. 为基于时间的媒体的音频部分提供同步的字幕和文字记录。
        向视频文件添加字幕(例如使用SMIL或SAMI),并提供文本抄本的链接。
      3. 在基于时间的媒体中提供视觉事件的音频描述。
        叙述视频中的视觉动作,让视频不用看就能听懂。
  2. 集中用户的注意力。
    1. 感官焦点
      1. 图形元素使用较柔和的颜色(例如,粉彩),而不是强烈对比的颜色。(注:这并没有被广泛接受)
        当使用背景色区分同一页面的不同部分时,选择柔和的颜色,而不是高对比度的颜色。
      2. 限制文档中字体的类型。
        在一个文档中只使用一种字体,或者使用非常少的字体。
      3. 限制或消除斜体字或全大写的使用
        尽量避免斜体字和全大写,以提高可读性。
      4. 避免让用户分心的背景音(例如背景音乐)。
        允许用户在没有音频干扰的情况下专注于主要内容。
      5. 使用声音来集中用户的注意力(例如给出指示,提醒用户错误等)。
        提供声音提示,帮助用户专注于主要内容。
      6. 包括“空白”——内容周围、段落之间和标题之间的非内容空间。
        不要在视觉上拥挤设计。
      7. 避免复杂或“繁忙”的视觉背景。
        不要创建无关的视觉信息,这会分散你对主要内容的注意力。
    2. 内容的重点
      1. 把段落的重要部分(重点)放在第一句。
        不要在段落中间隐藏重要的观点。
      2. 使用标题、项目符号列表和其他视觉语义组织方案,将内容组织成定义良好的组或块。
        使文档的结构尽可能的明显。
      3. 高亮显示正在朗读的文本(或者允许用户激活此选项)。
        此建议最适用于Flash和SVG等富媒体,这些媒体没有本机字幕功能,并且字幕是通过编程或脚本添加的。
      4. 用粗体字或更大的字体强调重要的文本或部分文本的标题。
        使用粗体和/或大字体在视觉上强调重要的文本。注意:HTML标题的默认样式是粗体和大的,所以在HTML中不需要使用额外的标记或标记来实现这种效果。
    3. 交互的焦点
      1. 提供多种模式的导航提示(例如文字+图形/视觉高亮+听觉提示+动画演示)。
        帮助用户知道该做什么以及如何与内容交互(例如,创建一个可听到的声音说“点击‘下一步’按钮到下一个页面”,或一个声音伴随错误信息,或视觉上突出‘下一步’按钮,等等)。
      2. 对用户的行为给予反馈(例如,确认正确的选择,提醒用户错误或可能的错误)
      3. 为不熟悉的接口提供说明。
  3. 设计一个一致的环境。
    1. 确保相似的界面元素和相似的交互产生可预见的相似结果
    2. 创建跨网站页面或网站相关部分一致的导航模式
  4. 创建简单、简洁的内容。
    1. 使用清晰简单的语言。
      这个建议很难评估,但很重要。
    2. 避免切向信息
      不要偏离主题。
    3. 使用正确的语法和拼写。
      使用拼写检查程序。写好。
  5. 允许用户有足够的时间访问内容并与之交互。
    1. 内容的“过期”时间不要太短。
      尽可能避免依赖时间的JavaScript、HTML自动刷新和其他类型的定时重定向。
    2. 如果到期时间是必要的,允许用户请求更多的时间。
      允许用户设置首选项和/或在时间即将过期时提醒用户,并给他们延长时间线的选项。
  6. 允许用户从意外和错误的交互恢复。
    1. 要求用户确认选择。
    2. 对于复杂的交互,使用更短、多步骤的表单,而不是冗长、全功能的表单。

继续这篇文章的第二部分-概念化设计考虑