内搜索:

通用技术 for 数字可访问性

不管你使用的是什么工具,这些简单的策略都会提高你的数字访问能力.

Quick Tips to Improve Digital 学习 Experiences
  • 联系 学生无障碍服务 if any of your students are reporting accessibility issues. 
  • During a synchronous online course session, ask all participants to mute microphones unless they are speaking. 
  • If you’re using Teams to deliver a lecture in real time, 将你的状态改为“请勿打扰”,关闭邮件和其他发送通知的程序. 
  • 在为学生创建文档或演示文稿时,查找并使用任何内置的“检查可访问性”功能. 
  • Turn captions on for videos when using them in presentations. 
  • Turn on “Live Captions” if it is available (PowerPoint指令): 
    • 实时字幕在桌面版ppt上效果最好——你可以在演示过程中分享你的桌面. 
    • Rehearse your presentation to be see how it works with captions turned on. 
    • 尽可能使用外置麦克风(带麦克风的耳塞,AirPods也可以). 
    • 讲清楚. 

了解更多关于创建更多 无障碍学习体验 从琳达.免费的 图书证帐户)

Understanding Assistive Technology

Assistive technology 帮助s people navigate and access 内容. 它可以是一个物理设备,一个软件,甚至是一个操作系统的内置功能. 的 Digital 内容 可访问性 的指导方针 are structured to maximize compatibility with assistive technology. 

  • 屏幕阅读器 帮助 vision impaired individuals read screen 内容. 他们大声读出内容,并解释文档和网站中提供的结构信息,如标题.
  • 可刷新的盲文设备 帮助视力受损的人阅读屏幕上的内容,通过可移动的针,创建一行可以阅读的盲文, then re的地方d with a new line of braille text. 的se devices often have custom input controls for navigation and text entry.
  • 辅助软件功能 附带许多操作系统. Examples include screen magnifiers and high contrast modes.

newbb电子平台 provides some assistive technology to students.

 

什么是色彩对比?

When selecting colors to display on your webpage, 确保文本和背景之间的对比度在推荐的4比之内是非常重要的.5:1. 如果比例太小, 有某些视觉障碍的用户可能无法轻松阅读页面内容, or they will not be able to read the page at all. If you are unsure, a good tool to use is the WebAIM颜色对比检查器.

Here is an example of just how close good and bad contrast can be:

缩略图
什么是色盲?

When using colors to emphasize or to categorize data, 如果没有其他方法可以找到他们想要的信息,那么选择某些颜色可能会导致各种形式的色盲用户感到沮丧. An alternative 将 to use better color selections. 此外, WCAG 2.0需要不依赖颜色的方式 of conveying important information.

全彩示例

缩略图

Protanopia and protanomaly (red deficiencies)

缩略图

Deuteranopia and deuteranomaly (green deficiencies)

缩略图

三色盲(蓝色缺乏)

缩略图

Rod monochromacy or achromacy (no color)

缩略图
Image Descriptions and Alternative Text

提高数字可访问性的最简单方法之一是添加有意义的图像描述, 或“Alt”文本. 本文本由屏幕阅读器阅读,供视力不佳或视障用户使用. This description should generally describe the people, 的地方, or action that is appearing in the image.

缩略图

短的例子: 两个学生 perform experiments within a lab.

长时间的例子: 两个学生, 左边的是无名氏, Jane Doe在右边, perform bacterial colony counting during their Microbiology class.

不好的例子: Image_5

Alt文本中的信息量应该与周围的内容相关联. 的 shorter example is appropriate most of the time, using a few words that describe the function or 内容 of the image. 的 longer example 将 used if the people within the image, 或者他们的行为, are being directly written about within a news article, 例如.

Avoid using images to display text. 嵌入在图像中的文本, even if that text is also added to the Alt text, 如果用户决定忽略页面上的图像,或者他们需要使用高水平的缩放,可能会跳过或错过. 如果需要这种效果,Web服务可以在网站上执行一些技术,将页面文本显示在图像顶部.

用标题分解内容

页面标题是用来勾勒页面轮廓的,而不是给文本newbb电子样式的一种方式. 使用内置工具在任何网页或文档上创建标题是非常重要的.

你的页面大纲是由搜索引擎和辅助技术,如屏幕阅读器给用户使用, 或者搜索引擎, a better way of navigating through relevant text. If the user is looking for something located towards the bottom of a page, 页面大纲将允许他们跳过该部分,而不必听页面中不需要的部分. 

A typical page might look like this:

标题1(页面/主标题)
Heading 2 (first heading in the 内容 area)
内容
新标题2
内容
Heading 3 (sub 内容 of heading 2)
内容
新标题2
内容
等.

考虑标题的方式和你考虑组织一篇长篇书面文件的方式一样——提纲形式. Heading One is the largest heading, heading two is smaller and less important, 标题3较小,是最后一个标题2的子类别,依此类推.

描述性的超链接

在标记超链接时,请始终使用描述链接内容的文本. 避免使用诸如“点击这里。!和“多读”.“当人们使用屏幕阅读器浏览网页时,他们通常会从一个链接跳到另一个链接. 当一个页面上的所有链接都以“点击这里”作为超链接文本时, 这就是人们所听到的. If there are 15 links on that page, 这个人会听到“点击这里”15次,并且无法理解该页面的目的.

请避免:

“要查看我们的可用节目, 点击这里!"

更好的选择 将是重新工作的句子,其中链接的目的地的描述是链接本身:

“我们有广泛的 可用的程序 适合所有兴趣水平!"

以第二种方式标记链接将为用户提供更多信息,然后用户要么点击链接转到下一页, 或者让他们的屏幕阅读器从句子或段落的开头开始阅读,以了解更多信息. This can also positively influence search engine optimization.

添加文档类型标签

当链接到文档时,请确保在链接描述中添加文档类型. 举个例子,”活动日历(PDF)". Most documents will either need to be downloaded, 例如Excel电子表格, or will send a user to a large file like a video. 提供文档类型可以最大限度地减少用户对单击链接后的操作的意外或困惑. 大多数浏览器, when downloading a document especially, 不会告诉屏幕阅读器它已经下载了任何东西,这会导致用户不知道链接是否断开,或者他们是否需要去其他地方继续他们的工作.

数据表

Placing a table on your site should only be done for displaying tabular data. Tables must not be used for any other reason such as page layout. 还应尽量避免使用嵌套表或标题单元格跨越多行或多列的复杂表, as screen reader users can encounter problems accessing these tables.

使用表时, 有一些补充,每个表应该被认为是一个可访问的表. When adding a table using the Rich Text Editor, along with setting the desired 列 and row numbers, 它还会问第一行是否, 列, or both should be treated as a header. 这对于屏幕阅读器非常重要,因为它知道如何向用户读取表格. 没有头, the screen reader will read the full 内容s of the table, 从左上单元格开始, 到右下角的单元格,而不给出任何上下文,它将显示什么.

创建表时提供的其他字段是标题和摘要字段. 标题应该是表格的标题,并且在显示时出现在表格的上方. 类似“学生每学期的费用”这样的文字就是一个例子.

的 Summary, contrary to what it sounds like, does not describe the table. Instead it is used to tell the user how to properly read the physical table. 的 Summary is only available to screen readers; sighted users will never see the Summary. 一个总结, 对于我们的学费表例子, 将, "的 first-row separates the 列s by semester name. 的 first 列 displays the different expenses a student may encounter."

缩略图
Student Expenses Per Semester (example only)
  秋天 冬天 夏天
学费 $5,872 $5,872 $2,500
房间 $3,296 $3,296 $800
董事会 $2,838 $2,838 $1,432
书籍及用品 $515 $515 $112
逻辑读序

的 reading order of the 内容 should make logical sense. When moving through the page using only the keyboard, the keyboard focus order should follow the visual order. 

形式

Form fields need to be labeled through appropriate methods. 请确保那些为您开发表单的人以编程方式将标签和说明添加到表单中. 请浏览网页至 learn more about creating accessible forms.