考虑用户视角
设计问题综述

失明

挑战 解决方案
图像,照片,图形无法使用
  • 提供文本说明ALT属性,如有必要,还有更长的解释(在同一页面上或与另一页面的链接)。
用户经常收听网页
  • 创建允许用户跳过导航菜单,长项目列表,ASCII艺术以及其他可能难以听到或乏味的内容的链接。
用户经常使用链接从链接跳转到链接标签
  • 确保链接在上下文中有意义(“单击此处”有问题)。
用户通常不使用鼠标
  • 不要编写需要使用鼠标的脚本提供键盘替代品(例如使用聚焦状态代替的onmouseover)。
用户在收听数据表格单元格内容时可能难以分辨它们的位置
  • 提供列标题和行标题(<TH>)用于数据表。
  • 如果可能的话,避免在数据表中使用跨越的行或列。
通常在视觉上解释的复杂数据表和图形是不可用的
  • Provide summaries and/or text descriptions, preferably on the same page, or link to another page as an alternative.
帧不能一次“看到”必须单独访问它们,导致迷失方向。
  • 除非必须,否则不要使用框架如果您使用它们,请提供表明其目的的框架标题(例如"navigational frame", "main content").
颜色无法使用
  • 不要仅依靠颜色来传达意义
用户期望链接将它们带到某个地方
  • 不要在没有与之关联的真实目的地的链接中编写脚本(例如href =“javascript:function(this)”
屏幕阅读器按照它在代码中出现的文字顺序读取Web内容
  • 确保复杂的CSS或表布局在视觉上和代码中正确读取。
个人无法在视频中看到这些事件
  • 提供视频中无法通过音频解释的事件的音频描述(例如让叙述者描述没有对话的视频中的动作。

色盲

挑战 解决方案
相似对比度的颜色通常难以区分
  • 确保有足够的对比度
  • 不要仅使用颜色来传达意义(例如,用文字补充颜色)。

低视力

挑战 解决方案
用户经常使用屏幕放大器
  • 要减少水平滚动的数量,请使用相对而不是绝对单位(例如,使用表格宽度的百分比,而不是像素)
没有特殊软件,图形中的文字不会放大,放大时看起来像素化
  • 限制或消除图形中的文本。
  • 使用消除锯齿使文本清晰可读。

挑战 解决方案
音频无法使用
  • 提供音频剪辑的成绩单。
  • 为视频剪辑提供同步字幕

汽车残疾人士

挑战 解决方案
用户可能无法使用鼠标
  • 确保键盘上的所有功能都可用(尝试从链接到链接的标签)。
  • 确保选项卡顺序合乎逻辑
使用“puff-and-sip”或类似的自适应技术时,用户可能会感到疲劳。
  • 提供一种跳过长冗余链接列表或其他冗长内容的方法。
用户可能正在使用语音激活软件
  • 语音激活软件通常不能像复制键盘使用一样有效地复制鼠标移动,因此请确保键盘上的所有功能都可用。

认知障碍

挑战 解决方案
用户可能会对复杂的布局或不一致的导航方案感到困惑。
  • 尽可能简化布局。
  • 保持导航方案尽可能一致
用户可能难以关注或理解冗长的文本部分
  • 在适当的情况下,在逻辑标题下对文本信息进行分组。
  • 以可管理的“块”组织信息。
一种输入方法可能还不够
  • 在适当的情况下,用插图或其他媒体补充文本,反之亦然。