评估认知Web可访问性

介绍

个人的Web可访问性认知或学习障碍多变而复杂这是一个区域一点点明确的研究几个具体的建议.

一些要点:

  • 有许多类型的认知和学习障碍以及具有这些残疾的用户的更多种兴趣和能力。
  • 这一人口数量大于其他所有身体和感官残疾人数。
  • 由于这些残疾的需求各不相同,因此难以提出具有普遍帮助的明确建议所有有认知和学习障碍的用户尽管如此,我们可以说有很多东西是有用的。
  • 除了WebAIM和其他人进行的研究之外,还可以从学习科学,可用性和其他网络可访问性领域中获得很多见解。
  • 改善此受众群体的网络可访问性将改善每个人的访问权限。

认知Web可访问性原理

认知可访问性可以通过以下原则定义:

  • 简单
  • 一贯
  • 明确
  • 多模态
  • 容错
  • 关注聚焦
  • 改善此受众群体的网络可访问性将改善每个人的访问权限。

从很多方面来说,很难确定一个页面何时对有认知障碍的用户进行定义How simple is simple enough? For the most part,认知网络可访问性就是其中之一“当你看到它时你就知道了”常识,整体评估和用户测试应主要指导认知网络可访问性评估。

以下项目试图解决这些原则(虽然它们不直接映射到它们)并且可以作为最大化认知Web可访问性的指南这些建议基于内部和现有研究的结合,通常假定的最佳实践和周到的推测。

认知Web可访问性核对表

辅助技术兼容性

有认知或学习障碍的用户经常使用屏幕阅读器或其他辅助技术通过各种感官访问内容或修改内容以使他们能够最好地感知患有其他身体或感官障碍的用户也会有更高的认知或学习障碍解决了许多辅助技术问题WCAG 2.0要么第508节辅助技术可访问性包括(但不限于):

一致性

  • 确保整个站点的导航一致
    导航放置,显示和功能不应在页面之间更改。
  • 类似的界面元素和类似的相互作用应产生可预测的类似结果

转化性

  • 支持增加文字大小
    当文本增加200-300%时,页面应保持可读性和功能性。
  • 放大时确保图像可读且易于理解
    当图像缩放200-300%时,图像中的内容(尤其是文本)应该是可以理解的使用真实文本而不是图像中的文字何时可行。
  • 确保单独使用颜色来传达内容
    如果删除或更改页面颜色,则不应丢失内容。
  • 支持禁用图片和/或款式
    确保在禁用图像时显示页面仍然可读且功能正常(将显示替代文本)或禁用样式时。

多模态

  • 提供多种媒体内容
    视频或音频替代方案提供了另一种感知内容的方法文字替代(字幕和/或a抄本)应提供视频和音频内容Closed captioning, which gives users the option to turn off the captions, is optimal.
  • 使用图像增强内容
    图像可用于传达或增强内容插图,图表,图标和动画可以传达复杂的信息。
  • 将图标或图形与文本配对以提供上下文提示并帮助理解内容

焦点和结构

  • 使用白色空间和视觉设计元素,以吸引用户的注意力
    页面的设计(空白区域,颜色,图像等)应该使用户关注最重要的内容(通常是该页面的主体内容)。
  • 避免分心
    应避免动画,变化或不寻常的字体,对比色或图像,或其他引起人们注意的内容复杂或“繁忙”的背景图像可以引起人们对内容的注意避免弹出窗口闪烁或移动元素.
  • 使用风格差异突出显示重要内容,但保守地这样做
    使用各种风格元素(斜体,粗体,彩色,简短动画或不同风格的内容)来突出显示重要内容过度使用会导致分化的丧失不要在长文本部分使用斜体或粗体避免所有CAPS。
  • 使用,将内容组织到明确定义的组或块中标题名单和其他视觉机制
    使用适当的标题将长页分成较短的部分(使用真实和视觉上重要的标题而不是简单的大粗体文本)非常长的页面可以分成多个顺序页面无序,有序和定义列表提供可视化结构并传达语义含义(例如,无序列表传达一组并行项)使用较短的多步骤形式进行复杂的交互,而不是冗长的一体化形式。
  • 使用空白区域进行分离
    空白是一个设计术语,指的是页面中元素之间的空白空间它不一定是白色应使用白色空间将导航与主体分开,正文与侧面元素和页脚分开,主要内容与补充项目(例如浮动框)以及单独的标题,段落和其他正文。
  • 避免背景声音
    让用户控制在页面内播放音频内容,或至少让用户控制停止背景声音。

可读性和语言

  • 使用适合内容的语言
  • 避免切向,无关或不相关的信息
    坚持手头的内容。
  • 使用正确的语法和拼写
    使用拼写检查。写得清楚简单.
  • 保持适合观众的阅读水平
    可以对正文进行可读性测试(为了准确,不要在评估中包括网站导航,侧栏,页脚或其他无关的文本元素)一般来说,具有较低中学教育的人员可以理解网络内容,但对于具有某些认知或学习障碍的某些用户可能需要基本阅读水平更复杂的内容可能需要勤勉地实施此列表中的其他建议。
  • 小心口语,非文字文本和行话
  • 扩展缩写和首字母缩略词
    在第一个实例中提供完整含义并使用<abbr>或<acronym>元素复杂的内容可能需要词汇表。
  • 提供复杂或冗长内容的摘要,介绍或目录
  • 简洁明了
    提供传达内容所需的最少文本量。
  • 确保文本可读性
    • 线高
      线之间的空间量通常应不小于字符高度的一半。
    • 线长
      很长的文本行(每行超过80个字符)更难以阅读。
    • 字母间距,字间距和理由
      提供适当的(但不是太多)字母和单词间距避免使用完全对齐的文本,因为它会导致单词之间的间距变化,并可能导致分散注意力的“白色河流” - 白色空间的图案向下流过正文。
    • 无衬线字体
      这些字体通常被认为对正文更具吸引力。
    • 足够的文字大小
      文本通常应至少为10像素。
    • 内容适当的字体
      视觉上吸引人的和适合内容的字体会影响满意度,可读性和理解力。
    • 段落长度
      保持段落长度。
    • 充足色彩对比
      确保可以根据背景轻松识别文本,并且链接很容易与周围文本区分开来。
    • 没有水平滚动
      当文字大小增加200-300%时避免水平滚动

方向和错误预防/恢复

  • 让用户控制时间敏感的内容更改
    避免自动刷新或重定向允许用户控制内容更新或更改避免不必要的超时或过期允许用户请求更多时间。
  • 为表格提供充分的说明和提示
    确保确定所需的元素和格式要求提供相关和描述性form labels字段集/传说.
  • 为用户提供清晰的网站形成错误消息并提供解决表单错误和重新提交表单的机制
  • 提供有关用户操作的反馈
    确认正确的选择并提醒用户错误或可能的错误。
  • 提供有关不熟悉或复杂接口的说明
  • 使用面包屑,指示符或提示来指示位置或进度
    允许用户快速确定他们在网站结构中的位置(例如,当前活动的“标签”或“主页”>“产品”>“小组件”)或序列内(第2步,共4步)应为顺序任务提供下一个/上一个选项。
  • 允许确认和/或取消/撤消关键功能
  • 提供足够大小的可点击目标,并确保功能元素看起来可点击
    使用表单元素的标签,特别是小复选框和单选按钮,并确保所有可点击元素看起来都是可点击的,并且不需要精确。
  • 使用强调仅限链接
  • 提供多种查找内容的方法
    逻辑导航,搜索功能,索引,站点地图,目录,正文中的链接,补充或相关链接部分等都为用户提供了多种查找内容的方式。
注意:

Funding for this material provided by the Office of Special Education and Rehabilitative 万博体育苹果 Steppingstones of Technology Innovation Grant #H327A070057.