![可访问性 一台笔记本电脑,上面有两个不同大小的智能手机,旁边有一个坐在轮椅上的人的标志.](/Assets/Oakland/ucm/graphics/Subsite-Banners/Accessibility.jpg)
可访问性
UCM Web团队负责确保残疾人可以访问公开大学的Web内容和在线文档. 具体来说,我们努力符合 Web内容可访问性指南(WCAG.1 AA.
获得可访问性可以让我们实现以下目标:
- 接触更广泛的受众:可访问的内容将吸引更多的潜在学生,并保留更多的现有学生.
- 降低我们的法律风险主动追求可访问性使我们更有准备回应要求信或索赔,并避免潜在的昂贵诉讼.
- 提高我们的声誉成为一所以无障碍卓越而闻名的大学将使我们与其他高等教育机构区别开来.
- 改进我们的搜索优化例如,提供视频文本可以提高搜索引擎的“可查找性”."
- 改善我们的整体用户体验改善可及性有助于提高我们所服务的社区的效率, 对于没有残疾的人也有更好的可用性.
政策法院已经裁定《十大菠菜台子》适用于网络内容和在线文件, 尽管没有明确提供一套特定于web可访问性的标准.
代替特定于网络和文档可访问性的ADA标准,OU为WCAG 2而努力.1 . AA合规性有以下三个原因:
- 未来对ADA进行更新的可能性,其中将包括WCAG的具体建议.
- 最近修订第508条,以配合政府用地的工作指引.
- 世界范围内认可并采用WCAG作为无障碍网页的标准.
当然,我们希望避免诉讼以及由此带来的名誉损害, 但更重要的是, 我们希望我们所有的网络内容和在线文档都是可访问的,因为这是正确的事情.
过程我们的过程可以概括为四个简单的步骤:
- 问题识别: 确定需要修复的内容. OU已经与siteimprovement合作,通过集成了我们的内容管理系统打击乐的自动化易访问性测试软件套件来检测易访问性问题.
- 优先级: 决定以何种顺序解决哪些问题. 招聘领域的内容, 学生的成功, 和总统办公室被赋予了更高的优先权. 新内容中的当前问题通常优先于预定在不久的将来存档的旧内容. 经常访问的页面通常会优先于那些流量较少的页面.
- 修复: 修复问题. 解决由自动化易访问性测试确定的问题. 在大学传播和营销部门的网络团队内对网站和文件进行修复. 识别共同问题,为预防措施提供信息. 尺寸评估, 可访问性错误补救项目的范围和复杂性有时可能导致我们当前的资源无法满足需求的决定, 在这种情况下,我们将建议您与专门从事此类工作的供应商合作.
- 预防: 减少更多问题的涌入. UCM Web团队不断地在我们的内容管理系统中构建更多的可访问性特性, 但是,这并不能防止新内容生成时引入新的可访问性错误. 由于自动化测试发现了公共区域中的可访问性错误, 通过改进小部件进行补救的应用, 样式表, 全局模板是一种持续的实践. 类似的, 内容作者发布的可访问性错误的识别和补救可以通知需要改进此处的教学和培训材料. 看到 得到帮助 选项卡查看有关培训机会的更多信息.
责任UCM Web团队负责确保现有和新的Web内容是可访问的. 我们与 Siteimprove 用于自动检测可访问性问题,并定期解决这些问题. 虽然我们试图防止尽可能多的错误在我们的模板和内容管理系统, 这并不能阻止新内容引入新的可访问性错误.
开始:作为内容贡献者, 一个很好的方法来帮助确保你在网页上的内容是可访问的是使用免费的自动可访问性浏览器扩展工具. 它们能让你边使用边学习. 当您识别问题以及如何使用这些工具解决问题时, 你可以避免再犯同样的错误. 这是自我教育网站可访问性的第一步.
免费工具:一些流行的, 有信誉的, 还有免费的网页可访问性检查器,可以作为网页浏览器附加组件安装, 扩展或插件包括:
的原则你可能听说过POUR的首字母缩略词. 下面的简短列表可以让您快速了解每种方法所涉及的内容.
- Perceivable: 使网页内容能够被听觉、视觉和触觉所访问 (例如:提供图片和文本, 音频/视频字幕, 优化阅读顺序, 包括表单现场用途, 验证适当的颜色对比, 文本间距).
- Operable: 使web内容(如表单、控件和导航)易于访问 (例如:键盘导航功能, 定时控制, 没有闪烁的, 提供跳过方法, 优化对焦顺序, 指定链路用途, 使用顺序标题, 允许非键盘输入).
- Underst和able: 使网页信息和用户界面功能易于理解 (例如:指定语言, 定义缩写, 优化阅读水平, 焦点指示, 错误和帮助).
- Robust: 使各种设备、平台和辅助技术都可以访问web内容 (例如:硬件兼容性、未来验证、解析、编程名称、角色、值 & 状态信息).
按内容类型划分的快速提示(带有详细建议的链接): 考虑以下关于如何通过HTML访问不同类型的内容的简短说明. 这一一般性建议旨在向您展示如何避免每种内容类型中最常见的可访问性错误, 有链接告诉你去哪里获得更详细的信息, 综合信息. 单击,按需要的内容类型展开:
通过alt、aria-label或arialabelledby属性指定替代文本:网页上显示的图像文件可以通过HTML访问, 尽管根据上下文可能会应用多个可访问性规则, 最重要的是要记住传达意图, 内容, 通过可选文本属性值显示图像的含义和目的, 即使是作为按钮使用. 它应该是简短和描述性的,或者如果纯粹是装饰性的,则留空.
Avoid words like “chart,” “image,” “diagram”; 和 do not use the file name. 图表, 图, 表, 地图是复杂图像的例子,既需要显示信息,也需要添加上下文. 在按钮或图像用作按钮的情况下, 为按钮提供一个可访问的名称, 并确保它们有清晰的文字,清楚地描述目的地, 目的, 函数, 或屏幕阅读器用户的操作. 如果上传到打击乐内容管理系统作为自己的资产,确保 Alt文本: 字段中填充此信息.
属性的ALT属性的详细信息 元素在各种情况下,请参考此 ALT文本决策树.
确保有足够的颜色对比:所有文本元素必须在前景文本和其背后的背景颜色之间有足够的颜色对比. 该比率至少为4.小文本为5:1,大文本为3:1(如果加粗,则定义为18pt或14pt), 即使文本是图像的一部分.
WCAG相关指南:
相关资源和工具:
添加字幕跟踪和文字记录:网页上包含音频的视频需要有与音频同步的封闭字幕, 还有音频的文本文本. 没有音频的视频需要有视频内容的描述. 如果没有嵌入YouTube的视频,则包含从脚本自动生成的字幕, 视频元素必须通过track元素传递字幕, 应该传达对话, 音乐的暗示, 叙述, 对话, 声音效果, 以及说话人识别.
为了让聋人观众理解视频中的音频内容,字幕是必不可少的. 它们不仅包括所有的对话和叙述, 同时也描述重要的非言语信息,如说话人的识别, 背景噪音, 音乐线索和有意义的音效.
UCM使用YouTube发布到公共OU频道, 或者以未上市或私有的可见性级别发布, 然后将视频嵌入所需的奥克兰.edu页面. 嵌入式YouTube视频提供了可访问的控件,而无需单独的媒体播放器.
UCM使用YouTube Studio创建字幕和封闭字幕,可以由我们网页上的嵌入式播放器内的观众启用. 通常, 抄本提供给UCM,然后用于创建与视频自动同步的封闭字幕, 然后编辑以调整任何产生的计时不准确.
作为最后一步, 文本抄本也在嵌入的下面提供, 网页上的字幕视频.
请求UCM提供视频字幕服务, 您应该提供视频本身(或存储视频的链接)和包含文字记录的文本文件. 如果无法键入对话, UCM将尝试使用YouTube的自动语音识别技术来创建字幕. 请求视频字幕是做你会做任何其他网络合规请求:发送电子邮件到 (电子邮件保护) 启动该流程,该流程利用足迹票证系统进行跟踪.
如果您需要实时字幕,或者您的请求涉及大量视频或异常长的视频, 你可以考虑一下相关的专业服务信息 视频字幕比较表- UTS知识库Wiki.
《十大菠菜台子》建议从以下最佳实践入手:
- 所有观众和观众都可以使用字幕.
- 一到三行文字同时出现在屏幕上, 在那里停留三到七秒钟, 然后被另一个标题所取代.
- 不覆盖图片的图形或其他基本视觉元素.
- 要求使用大写和小写字母.
- 使用类似于Helvetica medium的字体.
- 有好的决心.
- 每行字符限制为32个字符.
- 字幕是同步的,几乎与音频同时出现.
- 在时间允许的情况下,要逐字逐句,在其他情况下,则要尽量接近.
- 无论何种语言或方言,所有单词都配有字幕.
- 俚语和口音的使用被保留和识别.
- 在方括号内添加音乐或其他描述,如[音乐]或[笑声].
- 当一个新单词被定义或一个单词在演讲中被强调时,使用斜体.
- 当不止一个人在屏幕上或说话人不可见时,应该识别说话人.
- 标点符号是用来阐明意思的.
- 拼写在整个制作过程中都是正确的.
- 当声音效果有助于理解时,把它们写下来.
WCAG相关指南:
相关参考资料及工具:
添加字幕轨道:通过嵌入式媒体播放器部件访问的纯音频文件需要有包含所有重要背景噪音和其他声音的文本描述的标题轨道, 除课文外的所有对话和旁白.
WCAG相关指南:
确保表有标题. The
相关WCAG指南和技术:
- 1.3 Adap选项卡le > 1.3.1 Info 和 Relationships > H51: Using 选项卡le markup to present 选项卡ular information
- 1.3 Adap选项卡le > 1.3.1 Info 和 Relationships > H39: Using caption elements to associate data 选项卡le captions with data 表
- 1.3 Adap选项卡le > 1.3.1 Info 和 Relationships > H73: Using the summary attribute of the 选项卡le element to give an overview of data 表
- 1.3 Adap选项卡le > 1.3.1 Info 和 Relationships > H63: Using the scope attribute to associate header cells 和 data cells in data 表
- 1.3 Adap选项卡le > 1.3.1 Info 和 Relationships > H43: Using id 和 headers attributes to associate data cells with header cells in data 表
确保列表项在列表元素中列表提供有用的分组来组织材料, 但是列表需要仔细的管理来传达分组和组织的上下文. 无论是有序还是无序, list items must be contained within
- or
- ,
- elements, which themselves can only directly contain