WebAIM-考虑Web可访问性

评估认知网络可访问性

WebAIM可访问性测试服务

WebAIM的专家可以审核您的网站并提供详细的报告,以帮助您解决可访问性和WCAG合规性问题。

介绍

具有以下功能的个人的Web可访问性认知或学习障碍很复杂。这是一个有几乎没有明确的研究很少有具体建议.

几个要点:

  • 有许多类型的认知和学习障碍,有这些障碍的用户有更广泛的需求和能力。
  • 这一人群比所有其他身体和感官残疾人群的总和还要多。
  • 由于这些残疾患者的需求各不相同,因此很难提出明确的建议来普遍帮助他们全部的有认知和学习障碍的用户。尽管如此,我们可以做很多有益的事情。
  • 除了WebAIM和其他人进行的研究之外,还可以从学习科学、可用性和其他web可访问性领域中获得很多见解。
  • 改善这些受众的网络可访问性将改善每个人的访问。

认知网络可访问性原则

认知可及性可由以下原则定义:

  • 简单
  • 一致
  • 清除
  • 多模式
  • 容错
  • 关注焦点

在许多方面,很难定义认知障碍用户何时可以“访问”页面。简单到什么程度就足够简单了?在大多数情况下,认知网络可访问性就是其中之一“你一看到就知道了”东西常识、整体评估和用户测试应主要指导认知网络可访问性评估。

认知网络可访问性检查表

以下清单试图解决上述原则(尽管没有直接映射到这些原则),并可以作为提高认知网络可访问性的指南。这些建议是基于内部和现有研究、通用最佳实践和深思熟虑的推测的组合。

辅助技术兼容性

有认知或学习障碍的用户通常使用屏幕阅读器、文本到语音系统或其他辅助技术通过各种感官访问内容,或修改内容使其最容易被感知。有认知或学习障碍的用户更容易出现其他身体或感官障碍。许多辅助技术问题在Web内容无障碍指南(WCAG)并且包括(但不限于):

一致性

  • 确保整个站点的导航一致
    导航位置、显示和功能不应随页面而变化。
  • 类似的界面元素和类似的交互应该会产生可预测的类似结果

可转换性

  • 支持文本改编
    当文本增加200-300%或调整文本间距时,页面应保持可读性和功能性。
  • 确保放大后的图像可读易懂
    当图像缩放200-300%时,图像中的内容,尤其是文本,应该是可以理解的。使用真文本而不是图像中的文本可行时。
  • 确保颜色不单独用于传达信息
  • 支持禁用图像和/或样式
    当图像被禁用(替代文本将被显示)或样式被禁用时,确保页面保持可读性和功能性。

多模态

  • 以多种媒体提供内容
    视频或音频替代品提供了另一种感知媒体内容的方法。标题应为多媒体内容提供,并且文字记录为所有多媒体和音频内容提供。闭路字幕是最佳选择,它让用户可以选择关闭字幕。
  • 使用图像增强内容
    图像可用于传达或增强内容插图、图表、图标和动画可以传达复杂的信息。
  • 将图标或图形与文本配对,以提供上下文提示并帮助理解内容

重点和结构

  • 使用空白和视觉设计元素,以集中用户注意力
    页面的设计(空白、颜色、图像等)应该让用户关注最重要的内容(通常是页面的正文内容)。空白可以绘制视觉焦点并分隔页面内容区域。
  • 避免分心
    应避免动画或自动播放视频、变化或不寻常的字体、高度对比的颜色或图像,或其他将注意力从内容上转移开的干扰因素。复杂或“繁忙”的背景图像可能会将注意力从内容上转移开。注意弹出窗口和闪烁或移动内容。
  • 使用风格差异突出重要内容,但要保守
    使用各种风格元素(斜体、粗体、颜色、简短动画或不同风格的内容)突出显示重要内容。过度使用会导致分化丧失。不要在长文本部分使用斜体或粗体。小心所有盖子。
  • 使用标题,列表和其他机制
    用适当的标题将长页面分成较短的部分(使用真实且具有视觉意义的标题,而不是简单的粗体大文本)。很长的页面可以分为多个按顺序排列的页面。无序列表、有序列表和定义列表提供了一种可视化的结构并传递语义(例如,无序列表传递一组并行项)。对于复杂的交互,使用较短的多步骤表单,而不是冗长的复杂表单。
  • 避免背景声音
    为用户提供播放页面中音频内容的控制权,或者至少为用户提供停止背景声音的控制权。

可读性和语言

  • 使用适合内容和观众的简单语言
  • 避免无关、无关或不相关的信息
    坚持手头的内容。
  • 使用正确的语法和拼写
    使用拼写检查器。写得简明扼要.
  • 保持适合观众的阅读水平
    可对正文进行可读性测试(为了准确性,评估中不要包括网站导航、侧栏、页脚或其他无关的文本元素)。一般来说,虽然对于某些认知或学习障碍的用户来说,初级阅读水平可能是必要的,但网络内容应该能够被初中教育水平的人理解。更复杂的内容可能需要在实施本检查表中的其他项目时谨慎行事。
  • 注意口语、非文字文本和行话
  • 扩展缩写词和首字母缩写词
    在第一次出现时在文本中提供完整含义。
  • 为复杂或冗长的内容提供摘要、介绍、词汇表和/或目录
  • 简明扼要
    提供传达内容所需的最少文本。
  • 确保文本可读性
    • 线条高度
      行间距一般不应小于字符高度的一半。
    • 线路长度
      很长的一行文字更难阅读。
    • 字母间距、单词间距和正当理由
      提供适当(但不要太多)的字母和单词间距。避免使用完全对齐的文本,因为这会导致单词之间的间距可变,并可能导致分散注意力的“白色河流”——通过正文向下流动的白色空间模式。
    • 足够的文本大小
      文本大小通常应至少为10像素。
    • 内容适当的字体
      视觉吸引力和内容适当的字体会影响满意度、可读性和理解力。
    • 段落长度
      保持段落长度短。
    • 充足颜色对比度
      确保文本在背景下易于识别,并且链接与周围文本容易区分。
    • 无水平滚动
      当文本大小增加和页面放大时,避免水平滚动。

定位和错误预防/恢复

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

本材料的资金由特殊教育和康复服务办公室提供,技术创新的基石拨款#H327A070057。