1. 西雅图学院主页
  2. 关于西雅图大学
  3. 西雅图大学无障碍技术

西雅图大学无障碍技术

西雅图学院重视不同的经历和观点，我们努力充分包容每一个与我们交往的人。西雅图学院区政策241肯定了我们为残疾人提供服务、项目、活动、教育和就业机会的承诺。这一承诺包括使用西雅图学院开发、采购或使用的信息技术（IT），如网站、软件、硬件和媒体。

无障碍信息技术对各种残疾人士产生负面影响，包括行动/矫形障碍、感觉障碍、特殊学习障碍、注意力缺陷、自闭症谱系障碍、语言障碍、健康障碍和精神疾病。

但这不仅仅是一个愿景，这是法律。本文件的目的是为西雅图学院的管理人员，教师和工作人员提供指导，以履行我们对平等获取信息的承诺。我们都有责任。

西雅图学院重视不同的经历和观点，我们努力充分包容每一个与我们交往的人。西雅图学院区政策241肯定了我们为残疾人提供服务、项目、活动、教育和就业机会的承诺。这一承诺包括使用西雅图学院开发、采购或使用的信息技术（IT），如网站、软件、硬件和媒体。

无障碍信息技术对各种残疾人士产生负面影响，包括行动/矫形障碍、感觉障碍、特殊学习障碍、注意力缺陷、自闭症谱系障碍、语言障碍、健康障碍和精神疾病。

但这不仅仅是一个愿景，这是法律。本文件的目的是为西雅图学院的管理人员，教师和工作人员提供指导，以履行我们对平等获取信息的承诺。我们都有责任。

无障碍技术的设计方式使所有用户都可以访问。这包括电子文档、网站、软件、硬件、视频、音频和其他技术。与科技互动的人是非常多样化的。

无障碍技术意味着残疾人有机会以同样有效和综合的方式获得与非残疾人相同的信息、参与相同的互动和使用相同的服务。残疾人应当能够像正常人一样充分、平等和独立地获得信息。虽然这可能不会导致与非残疾人相比同样容易使用，但它仍然必须确保有平等的机会体验该技术提供的教育效益和机会。

指南所涵盖的IT包括

  • 网站
  • 软件应用程序
  • 计算机和外围设备
  • 视频和音频内容
  • 电子文档

上述类别中的示例包括

  • 基于web的应用程序
  • 学习管理系统
  • 校园范围内的行政应用
  • 内容管理系统
  • 教室里技术
  • 讲座捕捉解决方案
  • 基于云的应用程序
  • 电子邮件和日历
  • 图书馆资源

指导方针涵盖的实体包括学术、研究、行政和支持学院使命和支持服务的所有其他单位。

为了确保每个人都能访问和使用网站和web应用程序，设计师和开发人员必须遵循网站可访问性准则。以下每个主题都涉及西雅图大学网站上特别常见的问题。

HTML标题

HTML标题对视力不佳的用户有两个目的：

  1. 它们提供了页面的大纲，因此用户可以了解页面的结构，以及所有部分如何相互关联。
  2. 它们提供了一个目标，这样用户就可以用一个键从一个标题跳到另一个标题（例如，在一些屏幕阅读器中，字母“H”）。

考虑到第一个目的，标题应该尽可能按适当的顺序使用。也就是说，你不应该有没有父H1标题的H2标题，所有标题都应该按顺序排列，没有跳过标题级别。

可通过键盘访问

许多用户无法使用鼠标，可能只能使用键盘在页面中导航。幸运的是，用键盘测试网站是一种简单的可访问性测试，不需要特殊的工具或技能。试着只用键盘浏览你的网站；不要碰鼠标。使用tab键在功能之间导航，如果这样做似乎有意义，可以使用其他键（例如，Enter或空格键“单击”当前有焦点的元素，箭头键在小部件（如菜单或滑块）内移动，escape键关闭弹出窗口）。当你这样做的时候，考虑这些问题：

  • 你能访问所有的功能吗？
  • 你会操作所有的控制吗？
  • 是否很容易知道你在页面上的位置？

访问图片

如果网页包含图像，默认情况下，无法看到图像的人无法访问这些图像的内容。是否以及如何解决这个问题取决于图片在网页上下文中的目的。

简单的信息图像

如果设计图像是为了向用户传达信息，则必须对其进行描述。如果它们是具有许多重要细节的复杂图像（例如，图形，图表，图表），请参阅下一节复杂信息图像。相反，如果图像很简单（例如，徽标，按钮，照片），则应该在<img />元素的alt属性中添加简短的描述。描述应该尽可能简洁地描述图像的内容。目标是提供对图像内容的访问，而不会给用户带来多余的细节负担。

复杂信息图像

如果图片包含很多重要的细节（例如，图形，图表，图表），这些图片应该在alt属性中包含一个简短的标题或摘要，但也应该提供一个包含更多细节的长描述。长描述可以包含任何必要的HTML来传达图像的内容，包括数据表。

从历史上看，长描述是在一个单独的网页上提供的。在HTML5中，现在在当前页面上包含长描述是有效的。longdesc属性被添加到<img />元素中，其值为URL，指向描述的位置。URL可以指向单独的页面，也可以指向当前页面上容器的id。如果添加到当前页面，可以使用CSS display:none隐藏描述。

屏幕阅读器和支持的浏览器将通知用户有很长的描述可用，用户可以选择是否要阅读该描述。

装饰图片

如果图像仅用于装饰目的，则应该使用CSS将它们添加到页面中，而不是使用HTML <img />元素。如果由于某种原因需要使用HTML添加图像，<img />元素必须有一个空的alt属性（alt= " "）。这是一种标准技术，用于告知屏幕阅读器应该忽略该图像。

访问表

不应该使用数据表强制将内容放入可见列中。这在过去是一种经常被滥用的技术，但是现在可以使用CSS来处理布局和定位来实现多栏布局。

也就是说，数据表对于以行和列形式表示数据仍然很有用。为了确保屏幕阅读器用户可以访问数据表，需要一些特定的HTML标记。如果没有这些标记，无法看到表的用户将很难或不可能理解表头与其作用域中的单元格之间的关系。

所需的特定标签取决于表是简单的还是复杂的。

简单的表

一个简单的表在每个列的顶部有一个标题，并且可以在每行的第一列中有一个标题。它没有嵌套的列或行。要使一个简单的表可访问，应用以下技术：

  • 使用元素将所有列标头或行标头标记为表标头。
  • 使用scope属性定义每个属性的作用域（scope的值可以是“col”或“row”）

复杂的表

复杂表是指任何不是简单表的表（如上一节所定义）。可能有嵌套的行或列，或者标题可能位于第一行或第一列以外的位置。对于屏幕阅读器用户来说，理解这类表格非常具有挑战性。为了确保它们的可访问性，请采用以下技术：

  • 使用元素将所有列标头或行标头标记为表标头。
  • 为每个元素添加唯一的id属性。
  • 对于每个表数据单元格（），添加一个headers属性，列出应用于该特定单元格的所有标题的id。如果一个单元格中应用了多个标题，则用空格分隔id。

当使用Microsoft Word、Adobe InDesign或其他工具创作文档时，遵循几个基本步骤以确保您的文档可供残疾人士阅读是很重要的。

所有文档类型的核心原则都是相同的，但是每个步骤取决于您使用的工具和文档的最终格式。核心原则描述如下。要了解如何使用特定的创作工具将这些原则付诸实践，请参阅下面的可用指南列表或访问华盛顿大学DOIT网站。这是学习如何创建可访问文档和视频的重要资源。每个学院的电子学习部门也可以帮助您在Canvas中创建可访问的课程内容和可访问的页面。

使用标题

标题和副标题应该使用编写工具的内置标题功能来识别。标题应形成页面内容的大纲（标题1为主标题，标题2为第一级子标题，标题3为下一级子标题，等等）。这使屏幕阅读器用户能够理解页面的组织方式，并快速导航到感兴趣的内容。大多数屏幕阅读器都有一些功能，可以让用户一次按键就能在标题之间快速跳转。实际上，每一种文档创作格式都包括对标题和副标题的支持。

使用列表

任何以列表形式组织的内容都应该使用文档创作软件中提供的列表控件来创建。大多数创作工具提供了一个或多个控件，用于添加无序列表（带项目符号）和有序列表（带数字）。当显式地将列表创建为列表时，这有助于屏幕阅读器理解内容是如何组织的。当屏幕阅读器用户输入一个列表时，他们的屏幕阅读器会通知他们他们在列表中，并且可能还会通知他们列表中有多少项，这在决定是否继续阅读时非常有用。

为图像添加替代文本

无法看到图像的用户依赖于内容作者用替代文本（通常缩写为“alt text”）补充他们的图像。alt文本的目的是向看不见图像的人传达图像的内容。所有的文字都应该简洁，足够的文字来传达想法，而不是让用户负担不必要的细节。当屏幕阅读器遇到带有alt文本的图像时，它们通常会宣布该图像，然后读取alt文本。

大多数创作工具都提供了向图像添加替代文本的方法，通常是在添加图像时出现的对话框中，或者稍后在图像属性对话框中。

如果图像纯粹是装饰性的，不包含任何信息内容，则不需要描述。但是，它们可能仍然需要特定的标记，以便屏幕阅读器知道跳过它们。对屏幕阅读器的用户隐藏装饰性图像的方法在网站这一部分的特定格式页面中有更详细的描述。

此外，需要更长的描述的图像，如图表和图形，可能需要额外的步骤，而不是添加所有文本。

识别文档语言

领先的屏幕阅读器软件是多语言的，可以阅读英语、西班牙语、法语和各种其他语言的内容。为了确保屏幕阅读器将使用适当的语言配置文件读取文档，必须标识文档的语言。您还应该标识以文档默认语言以外的语言编写的任何内容的语言。有了这些信息，支持屏幕阅读器将根据需要在语言配置文件之间切换。大多数文档创作工具都提供了一种方法来标识文档语言以及特定部分的语言。

明智地使用表格

文档中的表对于数据之间的关系通信非常有用，特别是当这些关系可以最好地用行和列的矩阵表示时。表格不应该用来控制布局。创作工具有其他方法可以做到这一点，包括将内容组织到列中。

如果您的数据最好用表格来表示，请尽量使表格简单。如果表很复杂，请考虑是否可以将其分成多个较小的表，每个表上面都有一个标题。

让屏幕阅读器用户可以访问数据表的一个关键是清楚地标识列和行标题。此外，如果列或行中嵌套了每个单元格的多个标题，则需要显式地告知屏幕阅读器哪个标题与哪个单元格相关。

视频的制作和传递方式应确保所有观众都能访问其内容。可访问的视频包括字幕、文本和音频描述，并在可访问的媒体播放器中传送。有关这些特性的更多详细信息，请参见下文。

标题

字幕是音频内容的文本版本，与视频同步。它们对于确保您的视频对学生，员工和聋哑或听力障碍者的公众来说是必不可少的。它们还帮助非英语母语人士理解视频，使搜索视频内容成为可能，帮助所有学生学习视频中所说的技术术语的拼写，并使生成交互式文字记录成为可能，用户可以点击文字记录中的任何地方来观看视频中所说的文字。

通常有两种方法来为视频添加字幕：

外包

自动同步技术、3PlayMedia、cielo24等公司和许多其他字幕服务提供商将付费为视频添加字幕。请直接与这些公司联系以获取更多信息。

自己动手

网上有一些免费的工具，可以让你很容易地为自己的视频配上字幕。更多信息请参见免费视频字幕。

这两个选项生成的最终产品是一个标题文件。大多数标题文件都是纯文本文件，带有指示开始和停止时间的时间代码。但是，有各种类型的标题文件，其语法略有不同。有了标题文件后，最后一步是将该文件添加到视频中。如何做到这一点，以及支持的标题文件类型，取决于您的视频托管的位置。

音频描述

音频描述是一种独立的叙事音频轨道，用于描述重要的视觉内容，使无法看到视频的人能够访问它。盲人可以通过听音频来理解视频的大部分内容。但是，如果视频包含仅以视觉方式呈现的内容（例如，屏幕上的文本或从音频中不明显的关键操作），则必须描述这些视觉信息，以便无法看到它的人可以访问它。

与字幕一样，为视频制作音频描述的一般方法有两种：

外包

美国盲人协会（American Council of The Blind）编制了一份制作音频描述的商业服务的综合清单。如果视频包含大量的视觉信息，这可能是最好的选择，因为有效地描述视觉内容需要专门的技能。通常，服务提供商会制作一个新的视频，将描述性叙述与节目音频混合在一起。然后你可以提供两种格式的视频：一种有音频描述，另一种没有。

自己动手

对于视觉信息很少的视频，用于创建封闭字幕轨道的免费在线工具也可以用于创建描述轨道。描述轨道本质上与字幕轨道相同——带有时间戳的短文本块，使文本与视频同步——但它们的功能不同。它们的目的是由屏幕阅读器大声朗读，而不是由人类叙述者朗读。播放带有基于文本的音频描述的视频需要支持此功能的媒体播放器，例如UW开发的开源媒体播放器Able player。有关为视频添加字幕和描述的免费在线工具的其他信息，请参阅为您自己的视频免费添加字幕。

现场字幕和描述

如果现场活动在Web上同时播放，则需要现场字幕，以便为失聪或有听力障碍的观众提供对音频内容的访问。类似地，如果关键的视觉内容不能用语言表达，例如在戏剧制作中，可能需要现场描述。这些服务通过每个校区的残疾服务办公室进行协调。请联系这些办事处了解如何申请这些服务。

成绩单

文字记录是媒体内容的文本版本。文字记录应该包含所有的语音，加上屏幕上的文本和关键视觉信息的描述，否则如果不看视频就无法访问这些信息。转录使视频内容对每个人都可访问，包括由于可访问性问题或技术限制而无法查看视频的人。对于那些想要快速浏览或搜索视频内容但没有时间观看整个视频的人来说，它们也很有帮助。

如果您为视频添加了字幕，则可以使用文本作为封闭字幕过程产生的可选输出格式之一。免费在线工具和商业服务提供商都是如此。要使文字记录可用，只需从您的网页链接到它，无论您链接到或显示相关视频。

Able Player是华盛顿大学开发的可访问的开源媒体播放器，可以使用标题和/或描述轨道自动生成交互式文本。有关其他信息，请参阅以下部分。

选择可访问的媒体播放器

在选择如何发布视频时，重要的是要考虑完全可访问的选项。无论您是在为您的网站选择媒体播放器插件或模块，还是选择托管视频的服务，都应该回答以下关于可用选项的问题：

  1. 媒体播放器是否支持封闭字幕？
  2. 媒体播放器是否支持音频描述，使用户能够切换叙述的开启和关闭？
  3. 媒体播放器的按钮和控制可以不用鼠标操作吗？
  4. 媒体播放器的按钮和控制是否有适当的标签，以便盲人可以使用屏幕阅读器操作？
  5. 媒体播放器是否功能齐全，包括其所有可访问性特性，在所有平台和主要浏览器中？

一个满足所有这些标准的播放器是Able player，这是一个免费的，开源的媒体播放器，是在华盛顿大学开发的，考虑到可访问性。有关其他信息，请参阅Github上的Able Player。

西雅图学院努力确保学院购买或使用的IT产品对所有教师、学生和员工（包括残疾人）都是可访问的。为了达到这个理想的目标，那些负责决定购买哪些产品的人必须将可访问性作为获取的标准之一。这对于影响大量学生、教师和/或员工的企业级系统和其他技术尤其重要。以下三个步骤提供了在采购过程中如何考虑无障碍的例子。Maria Ales （x5446）在Central， Kathleen Chambers （x3681）在North，和Rose Kovolrat （x5137）可以协助任何这些步骤。

步骤1

采购将要求投标人提供有关其产品的可及性信息。

以下是可访问性语言的一个例子，可用于征求建议书（rfp）：

强制性分数要求

投标人必须描述其IT产品或服务是如何为用户提供的。

西雅图学院参考万维网联盟（W3C） AA级制定的Web内容可访问性指南（WCAG） 2.0，以指导其实现IT可访问性承诺。了解WCAG 2.0 AA级要求的清单可在http://www.w3.org/TR/WCAG20/上获得。

如果存在阻碍投标人的IT产品或服务满足这些要求的问题，投标人必须描述正在进行的解决这些问题的努力，包括预期的完成时间表。

步骤2

评估人员将验证投标人提供的信息，并评估其产品的可访问性。

供应商应该提供有关其产品或服务的可访问性的详细信息。一种常见的方法是提供自愿产品可访问性模板（VPAT）。这是一份标准表格，旨在协助联邦机构履行其508节的要求。vpat有时可以提供信息，但它们有局限性，因为它们是由供应商完成的自我报告。一些供应商没有足够的技术专长来准确评估其产品的可访问性。另一些人则巧妙地完成了他们的vpat，使可访问性缺陷的重要性变得微不足道。因此，VPAT索赔应独立核实，而不是接受表面价值。VPAT可以提供一个很好的起点，但最终供应商，特别是那些产品被选为决赛选手的供应商，应该对其产品的可访问性进行彻底的讨论。

很少有IT产品是完全可访问的。然而，供应商至少应该愿意承诺解决他们的可访问性问题。没有此承诺，使用该产品可能会使学院面临歧视某些学生和/或员工的风险。

步骤3

如适用，采购将在与供应商签订的合同中包括无障碍保证。

如果最终满足特定需求的最佳产品未能完全满足可访问性要求，则应要求供应商承诺在指定的时间内改善可访问性，也许可以与校园工作人员合作。

在采购方与供应商讨论无障碍问题后，采购合同应包括具体记录供应商与采购方就如何衡量无障碍方面令人满意的进展达成的协议的语言。例如，供应商可能会提供一个路线图作为合同的附录，其中包含可访问性问题的优先级列表和解决每个问题的时间表。然后，合同延期可能取决于解决路线图中确定的问题的令人满意的进展。

即使产品当前是可访问的，合同也应该包括确保产品在更新时继续可访问的语言。这对于正在进行的快速发布周期开发的产品尤其重要。

以下清单基于WCAG 2.0标准，旨在帮助西雅图学院社区，包括网页设计师、开发人员、内容创建者和采购代理，创建和采购可访问的IT。

所有资讯科技应：

  • 可感知的
  • 可操作的
  • 可以理解的
  • 健壮的

供应商和承包商在向西雅图学院提供产品和服务时也应使用这些指导方针。此清单中的许多项目适用于网页和基于web的应用程序，以及Microsoft Word、Adobe PDF和其他格式的电子文档，以及其他不是专门基于web的产品和服务。

可感知的

让所有用户都能看到内容和控件。

  1. 图像有替代文本吗？
  2. 视频有字幕吗？音频有文字记录吗？
  3. 网页或文档是否包含标题、列表、ARIA地标和其他语义元素来传达文档结构？
  4. 标签顺序和读取顺序是否符合逻辑和直观？
  5. 网页和文档中的表单字段是否有适当编码的标签和提示？
  6. 你是否避免使用视觉特征来传达信息（例如，“点击右边的圆圈”或“必填字段是红色的”）？
  7. 界面的文字颜色和背景颜色是否有足够的对比？
  8. 当文本放大到200%时，内容是否可以正常缩放？

可操作的

使内容和控件对所有用户都可操作。

  1. 是否可以通过键盘操作所有菜单、链接、按钮和其他控件，以使无法使用鼠标的用户能够访问它们？
  2. 网页是否包含一个可见的焦点指示器，以便所有用户，特别是那些使用键盘的用户，可以很容易地跟踪他们当前的位置？
  3. 滚动或自动更新的功能（例如，幻灯片显示，轮播）是否有突出的可访问控件，使用户能够自行暂停或推进这些功能？
  4. 有时间限制的页面是否包含为需要更多时间的用户调整这些限制的机制？
  5. 你是否避免使用闪烁或闪烁的内容？
  6. 网页或文档是否有一个描述其主题或目的的标题？
  7. 是否有机制允许用户绕过内容块（例如，网页上的“跳到主要内容”链接或PDF中的书签）？
  8. 网站是否包含两种或多种查找内容的方式，如导航菜单、搜索功能或网站地图？
  9. 链接文本是否有意义，是否独立于上下文？

可以理解的

让所有用户都能理解内容和用户界面。

  1. 网页或文档（或多语言文档的各个部分）的语言是否已定义？
  2. 您是否避免了自动触发上下文更改的链接、控件或表单字段？
  3. 网站是否包含一致的导航？
  4. 在线表单是否提供有用的、可访问的错误和验证消息？

健壮的

使内容足够健壮，能够被各种各样的用户代理（包括辅助技术）可靠地解释。

  1. 网页是否使用有效的HTML编码？
  2. 丰富的、动态的web界面，如模态窗口、下拉菜单、幻灯片和轮播，是否包含ARIA标记？

中央

房间：BE1112电话：206.934.4183邮箱：RC.Central@seattlecolleges.edu网站：https://seattlecentral.edu/campus-life/student-support-and-services/disability-support WA中继业务语音：1.800.833.6384

北

房间：CC2346A电话：206.934.3697邮箱：ds@seattlecolleges.edu网站：https://northseattle.edu/disability-services

南

房间：RS12电话：206.934.5137邮箱：Access.South@seattlecolleges.edu网站：https://southseattle.edu/access-services