This checklist, 密歇根州立大学慷慨地允许乐博体育网址使用的, 目的是作为一个起点,使文件和网站可访问, 并应与所提供的其他材料和培训结合使用. This checklist is a summary of common accessibility issues; the University requires full compliance with Web Content Accessibility Guidelines (WCAG) 2.0. 如果你有问题, 请联系学生无障碍服务, 整合营销和传播或IT帮助台.
文本与对比
检查文本是否与页面背景有强烈的对比. 在文本和背景之间提供足够的对比,使那些有中度视力障碍和光线较弱的人能够阅读内容. 建议在白色背景上使用黑色文字.
Rationale: 对比色、文本和背景色使文本对色盲和低视力用户更具可读性.
Text Styles
用颜色以外的颜色来表示差异、强调和内容意义. 除了对比色,还可以考虑添加文本、形状和图案.
Rationale: 这可以帮助色盲和低视力用户识别你强调特定文本的位置.
Heading Styles
使用描述性标题样式来指定内容组织. 使用标题(e.g.,标题1,标题2)表示内容的层次结构. 文本编辑器中预定义的样式标题可以让读者更清楚地了解文档或网页的结构. 在长页的内容上, 考虑使用目录来帮助读者更快地在标题之间跳转.
Rationale: 屏幕阅读器必须得到指示,才能知道哪些内容是最重要的,以及应该如何组织. 标题为屏幕阅读器提供了这些信息,并帮助有视觉障碍的用户更快地浏览您的内容.
List Styles
使用项目符号或编号的列表样式来表示列表结构. 这也确保了一致的格式,并帮助屏幕阅读器理解内容结构和组织.
Rationale: 屏幕阅读器必须得到指示,才能知道如何组织内容. 格式化列表为屏幕阅读器提供了这些信息,并帮助有视觉障碍的用户更快地浏览您的内容.
Alternative Text
为图像、图形和图表提供替代文本(“alt文本”). 描述性alt文本解释了正在被说明的内容,并在使用非可视浏览器时阅读. 如果图像是装饰性的,与内容没有直接联系, 将该信息添加到Alt文本中.
Rationale: 屏幕阅读器“阅读”图像, graphs, 以及使用你提供的替代文本的图表. 这可以向有视觉障碍的用户解释图像、图形或图表的用途.
多媒体的多种途径
为多媒体内容提供多种渠道(例如.g.,音频附文字,视频附字幕). Video, audio, 交互式媒体需要字幕或其他方法来传递相同的信息.
Rationale: Captions and 转录本使各种各样的用户受益, 包括非母语人士, 有听力障碍的用户, 以及在声音敏感环境中的用户.
Added Context
使用描述性标题、标题和链接文本来提供附加的上下文. 链接文本描述你要链接的内容, 当点击一个链接时,它可以帮助读者浏览和预测他们要去哪里. 像“点击这里”这样的链接文本几乎没有提供链接实际指向的上下文. 不只是依靠形状、大小或位置来描述内容吗.
Rationale: 描述性链接文本还为屏幕阅读器提供了主要上下文. 屏幕阅读器将内容线性化,不能传达形状的所有方面, size, 或者视觉元素的位置.
Tables
格式化并使用列标题和行标题的简单表. 将嵌套表拆分为简单的表,并且不要使用表来控制布局.
Rationale: 复杂的表格对读者来说很难理解, 特别是对于需要记住标题的屏幕阅读器用户.
其他的考虑
作为WCAG 2的一部分.0指南,这些最佳实践也可能是有意义的实现.
Capitalization
谨慎使用大写字母. 将一个单词或句子中的所有字母大写可能会造成视觉上的阅读困难, 它会使屏幕阅读器读取每个字母,而不是单词.
External Links
Any text, media, 或者你从外部网站或资源提供的活动应该是可访问的.
键盘导航内容
确保内容可以通过键盘导航. 键盘导航是有视觉或移动障碍的用户在网页上导航内容的主要手段.