修复可访问性问题
由于使用OU Campus创建的网站使用可访问的模板,因此没有必要 评估网站可访问性的各个方面. 只有唯一的内容上 需要对页面进行评估.
下面的过程将确定最常见的可访问性问题.
需求
过程
对于站点中的每个页面,在Firefox中打开该页面,单击“错误,功能和” WAVE工具栏上的“警报”按钮(见下图),并执行以下每个操作 检查:
注意:点击“错误”、“功能”和“警报”按钮,图标和消息就会打开 网页. 要清除这些图标和消息,请单击控件中的Reset Page按钮 波工具栏.
图像的所有文本都是有意义的
- 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/).)
适当地使用列表
- 列表被标识为无序的(项目符号) 或有序(数字) .
- 列表不应该通过使用手动添加的数字、连字符、星号、 等.
表单的标签是正确的
- 缺少适当标签的表单字段将被识别出来.
- 所有表单字段都需要有标签.