Back to Section Home

Accessibility Basics

As instructors, 我们有法律和道德义务确保我们的课程对所有学习者完全开放, including those with disabilities. 我们在课程中使用数字资源,因为我们相信它们能促进学习. However, 除非仔细选择并考虑到可访问性, 这些资源可能对残疾学生产生相反的效果, 设置令人生畏的障碍,使学习变得困难或不可能.


Accessibility Overview (H2)

Multimedia (H3)

Videos must have accurate captions. 自动生成的标题(自动标题)可能有错误,而且不充分. 在各种情况下,字幕可以帮助许多学生,包括以下学生:

  • are deaf or hard-of-hearing
  • 是在特别嘈杂的环境中还是在他们听不到声音的地方
  • 有学习障碍或难以集中注意力
  • 是学习特别具有挑战性的话题还是需要大量词汇的话题
  • are second-language learners

Audio files must have transcripts. In general, 我们的目标是让所有的音频信息都能被视觉感知,所有的视觉信息都能被听觉感知.

Images 应该有一个标题和替代文本(alt文本).  Alt文本是由屏幕阅读器读取的简短描述(150个字符).  如果图像太复杂,无法用150个字符描述, 使用Alt文本来定义图像,并在文本的标题或正文中包含更详细的描述. 纯装饰性(不提供任何相关信息)的图像应标记为装饰性. 

Text (H3)

Color 应该有节制地使用,而不是唯一的表示方式吗 meaning. 文字和背景应该足够 color contrast.  These are essential for readability.  对可读性的其他考虑包括避免装饰性字体和文本图像. 

Hyperlink text must be meaningful.  This is a good link to the Accessibility Toolkit. Don’t use “click here” or the full URL of the link. 

Lists 应该使用内容编辑器内置的功能来创建吗, 而不是手动输入数字. 对顺序列表使用编号列表,对非顺序列表使用项目符号列表. 

Styles and structures 内置在内容编辑器中应该用于创建页面格式.  视力正常的人可以扫描页面上的粗体字,屏幕阅读器可以根据标题和样式进行扫描. Headings should be sequential.  这部分的标题是确定的(H1, H2等).) as a demonstration.  

Tables are for data not for formatting. 使用表格作为在页面上创建列的一种方式可能很诱人——一边是图像,另一边是文本.  但是,这会导致内容的可访问性问题. 可访问的格式化策略取决于所使用的平台.  For web pages, use CSS; for Word, use columns. 因为表是用来组织数据的,所以它需要一个标题以及行标题和列标题. 这些可以在大多数平台的“表属性”特性中设置.

WCAG 2.0 (H2)

The Web内容可访问性指南(WCAG.0, 由万维网联盟开发, 提供一个定义基于web的资源的可访问性的国际标准. The principles of WCAG 2.0也适用于其他数字资产,包括软件、视频和数字文档. 华盛顿大学开发了一种信息技术 Accessibility Checklist 这可以帮助任何创建或选择数字资源的人了解与这些资源的特性和功能相关的可访问性需求.


Wave Accessibility Checker

The Wave Tool by Webaim  checks accessibility of web pages. 您也可以下载Chrome和Firefox的免费扩展.  Learn more about how to use the WAVE tool on the Webaim site. Or, watch this video for an Introduction to WAVE  WAVE工具可以用来检查几乎所有的在线资源.

下图显示了Wave检查的示例结果.  Notes:

  • 蓝色圆圈表示有标题.  
    • The orange box with the letter “h” is an alert that there is a skipped heading level; the headings skip from H2 to H4.
    • 其中一个标题缺少标题图标.  这个文本看起来像一个标题,但是是通过改变字体而不是使用样式来制作的.  屏幕阅读器不会将该文本识别为标题.
  • 该列表没有用蓝色列表图标标识.  Therefore, it was not built correctly.
  • Red boxes indicate errors.  在这种情况下,标记文本的对比度非常低. 
  • 绿色表示事情做得很好. 例如,所有文本都显示在图像中.  但是,橙色照片图标表示警告,该alt文本可能不准确.  在这种情况下,alt文本是一个文件名,而不是图像的有意义的描述.

Wave results explained in text


Microsoft and Adobe

微软产品(包括Word和Ppt)内置了辅助功能检查器. adobeacrobat也有一个内置的辅助功能检查器.  您可以在 Self-Paced Courses from @ONE .  These cheat-sheets from NCDAE  提供如何构建可访问内容的良好概述.


Accessibility Trainings

有关如何在Canvas中构建可访问内容的详细信息,请参阅 TMI Accessibility page.

有关可访问性的更多详细信息,请查看以下内容 self-paced accessibility training

For facilitated training, sign up for Creating Accessible Course Content through @ONE.

This 5-Day Challenge 可以帮助指导您完成课程的基本可访问性修复.


 

Additional Resources

Butte College | 3536 Butte Campus Drive, Oroville CA 95965 |一般信息 (530) 895-2511

Back to Top