WebAIM  - 无障碍记

考虑到用户的角度
设计问题综述

失明

挑战 解决方案
图像和图形不能被察觉。
视觉的关系和结构不能被察觉。 )的数据表。
内容往往是线性访问。
  • 确保CSS或表格布局的读取和导航命令是符合逻辑的和直观的。
  • 创建跳过链接允许用户跳过导航菜单项的长列表,和其他的东西,可能是困难或繁琐听。
用户经常浏览的链接,链接,或查看链接列表。
  • 确保链接文本有道理断章取义(“点击这里”是有问题的)。
  • 确保链接和按钮包含描述性文本。
用户一般不使用鼠标。
  • 不需要鼠标或触摸交互。确保内容与访问万博体育官网网址键盘
颜色是不可察觉的。
  • 不要依赖颜色独自传达意义。
在多媒体视觉内容是不可察觉的。

低视力

挑战 解决方案
用户可能无法区分类似的对比色。
  • 确保有足够的对比文本和背景之间,并为图标和图形。
  • 不要只使用颜色来传达意思(文字补充的颜色,例如)。
内容可能无法放大或缩小适当。
  • 限制或消除图像中的文本。
  • 确保内容是可读的和放大时最小化水平滚动
  • 对于丢失内容测试时,文本大小增加了最终用户

听觉残疾人

挑战 解决方案
用户可能无法与音频内容听到。
用户可能难以过滤噪声。
  • 避免有太多的噪音在同一时间播放。
  • 消灭尽可能多的背景噪音尽可能从音频。

运动神经残疾

挑战 解决方案
用户可能无法使用鼠标。
  • 确保所有功能都可以从键盘(试图通过互动元素tab键)。
  • 确保通航秩序是合乎逻辑的。
浏览众多的物品时,用户可能会变得疲劳。
  • 提供了一种方法,跳过冗余链路或其他冗长的内容的长列表。

认知障碍

挑战 解决方案
用户可以在复杂的布局或不一致的导航方案变得混乱。
  • 简化布局,尽可能。
  • 保持航行计划尽可能一致。
用户可能很难对焦或理解文本的冗长部分。
  • 在适当情况下,在逻辑组的文本信息标题
  • 在管理组织信息“豆腐块”。
用户可能难以交互与某些类型的内容或输入。
  • 在适当情况下,补充文本与插图或其他媒体,反之亦然。