修复可访问性问题

由于使用OU Campus创建的网站使用可访问的模板，因此没有必要 评估网站可访问性的各个方面. 只有唯一的内容上 需要对页面进行评估.

下面的过程将确定最常见的可访问性问题.

需求

过程

对于站点中的每个页面，在Firefox中打开该页面，单击“错误，功能和” WAVE工具栏上的“警报”按钮(见下图)，并执行以下每个操作 检查:

波工具栏

注意:点击“错误”、“功能”和“警报”按钮，图标和消息就会打开 网页. 要清除这些图标和消息，请单击控件中的Reset Page按钮 波工具栏.

图像的所有文本都是有意义的

  • Alt图标旁边显示图像的Alt文本. 图标图像Alt文本
  • 所有图像必须有全部文字. 没有alt文本的图像将有一个红色图标. 缺少Alt文本图标
  • 所有文本在阅读时必须是可理解的.
  • Alt文本应该代表图像的目的和功能，而不仅仅是描述 它的。 
    外观.
  • 所有文字的人的肖像应该是人的名字.
  • 如果文本在图像中清晰可见，则应将其包含在所有文本中.

识别PDF、Word和其他非html文档

  • 所有指向PDF文件的链接都需要在链接文本中标识(例如, 编号备忘录AA-2006-41 [pdf] .
  • 所有到Word文件的链接都需要在链接文本中标识.

适当地使用表格

  • 数据表 数据表图标 必须有合适的标题. 表头图标
  • 布局表 布局表图标 必须正确线性化.
    • 单击纯文本按钮. 文本按钮
    • 内容应该按照正确的顺序排列.
  • 对于单元格之间没有边框的表，可以使用Web开发人员工具栏 看看行和列在哪里.
    Outline > Outline Tables > Table Cells
    布局表通常只有一行. 有多行的表可能应该 数据表.

适当使用标题

  • 如果文本作为标题(一个简短的单行文本，作为标题) 对于它后面的内容，那么它需要被标记为标题.
  • 标题按其级别进行识别，H1(最重要)到H6(最不重要). 标题图标
  • 不应该跳过标题级别. 换句话说，不要直接从H3到 H5.
  • 同一页面上同等重要内容的标题应该相同 水平.
  • 标题不应该加下划线(除非它们也是链接).
  • 粗体文本 大胆的图标 不应该用来代替标题吗.
  • 标题不应该仅仅用来强调文本.

链接文本是有意义的

  • 所有的链接文本都应该描述它链接到什么(“点击这里”，“更多”等). 是 不能接受的).
  • 链接文本不应该重复(具有相同文本的链接应该链接到相同的 的地方).
  • 链接文本不应该只是URL(例如，/services/accessibility/).)

适当地使用列表

  • 列表被标识为无序的(项目符号) 无序列表图标 或有序(数字) 有序列表图标.
  • 列表不应该通过使用手动添加的数字、连字符、星号、 等.

表单的标签是正确的

  • 缺少适当标签的表单字段将被识别出来.标签错误图标
  • 所有表单字段都需要有标签.