web main  - 考虑到网络可访问性

认知障碍
设计注意事项

概述

有认知或学习障碍的个人可以使用各种各样的技术来适应或简化内容以满足他们的需要。可以使用文本到语音、屏幕阅读器、定制字体或页面颜色、文本简化和其他技术。即使这些技术是可用的,作者也必须考虑其内容的设计,以减少认知困难。

下面的想法提出了一些更大的原则,用于解决具有各种认知或学习障碍的用户的一些需求。它们旨在与一般的可用性原则和技术(这超出了本文的范围)一起使用。

容纳内存赤字

整体网站上下文的提醒可以帮助内存赤字的人。冗长或复杂的过程,如在线浏览/搜索和购买物品,应尽可能简单简洁。要将用户关注特定任务的关注,可以将交互分为单独的页面,进度指标,例如“第2步”,以帮助他们跟踪他们已经完成的内容以及他们所剩余的东西。而不是仅仅称“上一页”和“下一页”链接应该说“返回付款和送货信息”和“下一步:审核订单”。

适应解决问题的赤字

任何人都可以单击错误的链接,拼写错误的单词,或者将必需的表单字段留空。在一些人身上,这种倾向被夸大了。错误消息应该解释什么是不正确的,并显示如何修复问题。如果原始的拼写看起来可疑或者没有返回结果,搜索功能应该向用户建议替代拼写。用户应该预先得到重要操作的警告,比如删除文件或提交不可逆的金融交易。任务开始时的说明有助于防止用户出错。

避免网站上下文中的意外变化。功能应尽可能可预测,偏差伴随着警告或解释者。

需要完成认知功能测试(如完成验证码难题)的认证过程应包括另一种认证方法,如双因素认证。

的注意力

帮助用户关注他们的注意力。使用视觉提示来突出显示内容的重要点或部分。如果可能,消除动画,广告和赞助链接。使用标题来提请注意内容的重要点和概要。避免分散注意力的背景噪音或图像。使用它们,而不是将用户的注意力集中在一起。

适应阅读,语言和口头理解赤字

补充媒体

诸如插图,图标,视频和音频之类的补充介质可以大大提高具有认知残疾人的可访问性。问题是,高质量的媒体往往难以生产。差的质量媒体实际上可以通过使内容更加令人困惑来创造可访问性障碍。应用可用性原则和您自己的判断,如果可能的话,从其他人获取反馈。将媒体合并到它有意义的地方。也实现了大多数Web内容可以从某种补充媒体中受益,如果只是补充图形。

文档组织和结构

结构组织

一般来说,您的文档的结构越多,就会更容易理解。可以通过这些方法定义文档结构,所有这些方法都构建在HTML中:

  • 标题(<标题>< h2 >

    等)。

  • 列表
  • 编号列表
  • 定义列表
  • 地区/地标(

视觉组织

视觉结构也帮助有视力的用户。例如,你可以:

  • 层次列表中的缩进子项
  • 通过改变字体颜色或背景颜色来突出显示项目
注意:

确保在实现视觉效果时考虑HTML语义。尽管< blockquote >或HTML列出缩进文本,只有在文本真正是报价或列表时,才能仅用于缩进文本。否则,应使用CSS来实现所需的视觉演示。

空白

当文字在视觉上与周围的设计边界分开时,通常更容易阅读。留白对有阅读障碍的人尤其有帮助,如阅读障碍。这包括标题、段落、表格等之间的空格。长段落比短段落更难阅读,部分原因是读者可能会在段落中失去自己的位置。

简洁明了的文字

短,简单,明确的短语是最容易理解的。有更深刻的认知残疾人的人非常需要简洁明了的文字。在某些情况下,他们将无法理解句子,完全依赖于图形,插图和其他非文本视觉材料。这并不意味着您必须为一般受众创建仅图像的网站,但添加高质量的补充插图是有帮助的。但是,如果您的主要受众是具有更严重的认知残疾人的个人,您可能需要创建仅图像内容或内容版本。

尽量避免非文字内容,如讽刺,模仿和隐喻。另请务必为读者提供有关手头主题的所有必要背景信息。

适应数学理解赤字

许多人都能理解数学计算和公式可能是困难的,无论它们是否具有数学能力的特定赤字,还是与对象的一般性不适。作者可以通过避免数学或通过概念解释数学来提高其内容的可理解性。

适应视觉理解缺陷

通常,帮助具有认知残疾用户的最佳建议是提供多种格式的信息,重点强调视觉效果。然而,一些认知残疾人造成视觉理解的困难。如果作者完全依赖可视化通信方法,则该消息将错过一些用户。可视通信方法包括颜色,空间关系,样式,排版,设计元素,照片,图像等。

尽管大多数Web内容遭受缺乏视觉增强的交流方法,但本身就没有单一方法就足够了。请务必使用多种模式和通信方法进行补充,并确保页面内容适用于用户样式,例如覆盖页面颜色,字体,文本间距等。