责任:UCM Web团队负责确保现有的和新的Web内容访问。我们已经与Siteimprove自动检测的可访问性和经常努力解决这些问题。尽管我们试图阻止尽可能多的错误在我们的模板和内容管理系统,这不能阻止新的内容引入新的可访问性错误。
开始:作为一个内容贡献者,一个伟大的方式来帮助确保内容作者网页访问是使用免费的自动访问浏览器扩展工具。他们允许你学习使用它们。当你发现问题,如何解决这些工具,你避免再犯同样的错误。这是一个很好的自学关于网页可及性的第一步。
免费工具:一些流行的、有信誉的和免费的web可访问性检查,可以安装浏览器插件,扩展或插件包括:
的原则你可能听说过倒的缩写。以下简要列表给你一个快速的每个需要。
- Perceivable:让感官获取网页内容的听力,视力,和触摸(例如:提供图像alt文本、音频/视频字幕,优化阅读顺序,包括表单字段的目的,适当的色彩对比,验证文本间距)。
- Operable:使web内容等形式,访问控制和导航(例如:键盘适航性、时间控制,没有闪烁,提供跳过方法,优化集中订单,指定链接的目的,使用连续的标题,让non-keyboard输入)。
- Understandable:使得网络信息和用户界面功能可以理解的(例如:指定语言,定义缩写,优化阅读水平,集中显示,错误和帮助)。
- Robust:使web内容可访问各种各样的设备,平台和辅助技术(例如:硬件兼容性,能否经得住时间的考验,解析、程序化的名称、角色、值和状态信息)。
小贴士内容类型(w /链接到详细的建议):考虑以下简短的笔记关于不同类型的内容可以通过HTML。一般建议是为了向您展示如何避免最常见的可访问性错误对于每一个内容类型,链接,告诉你去哪里更详细,全面的信息。点击增加所需的内容类型:
指定替代文本通过alt、aria-label或arialabelledby属性:一个图像文件显示在HTML web页面可以访问,尽管多个可访问性规则可以申请根据上下文,记住最重要的是传达的目的,内容,意义和目的通过替代文本图像的属性值,即使用作按钮。应该是短期和描述性的,否则如果纯粹装饰性的留空。
避免这样的词“图”、“形象”,“图”;和不使用文件名。图表、图形、表格、图片和地图的例子复杂需要显示的信息和添加上下文。在按钮或图片作为按钮的情况下,提供一个可访问的名称按钮,并确保他们有明显的文本,清楚地描述了目的地,用途,功能,屏幕阅读器用户或动作。如果上传自己打击内容管理系统作为一种资产,确保Alt文本:字段填充这个信息。
有关如何使用ALT属性的更多信息元素在不同的情况下,请参考ALT文本决策树。
确保有足够的色彩对比:所有文本元素中的文本之间必须有足够的色彩对比其背后的前景和背景颜色。需要至少4.5:1比例小文本或3:1大型文本(定义为18 pt或14 pt如果大胆),即使文本是一个图像的一部分。
相关WCAG指南:
相关资源和工具:
添加一个标题跟踪和记录:包含音频视频网页需要关闭字幕同步的音频,音频和文字记录。视频没有音频需要对视频内容的描述。如果不是嵌入YouTube视频,包含标题从脚本自动生成,通过跟踪视频元素必须传达标题元素,而且应该传达对话,音乐线索,叙述、对话、音效,和说话人识别。
标题是必要的对于失聪观众了解音频视频中包含的内容。他们不仅包括所有对话和叙述,但也描述重要的交际信息,如扬声器识别、背景噪音,音乐线索和有意义的声音效果。
UCM使用YouTube上发布到一个公共通道,或者发布一个未上市或私人的可见性,然后嵌入视频所需的www.zhongqiwg.com页面。嵌入YouTube视频提供访问控制而不需要一个单独的媒体播放器。
UCM使用YouTube Studio创建字幕和关闭字幕,可以使观众在嵌入的球员在我们的网页。通常,成绩单是UCM然后提供用于创建关闭自动同步视频的字幕,然后编辑调整任何时间不准确。
作为最后一步,也提供了在嵌入式文本记录,内建字幕的视频在网页上。
UCM请求视频字幕服务,你应该提供视频本身(或链接到存储的地方)和一个包含记录的文本文件。如果无法输入对话,UCM将尝试使用YouTube的自动语音识别技术来创建标题。请求视频字幕是你会让任何其他web合规要求:发送电子邮件到ucmhelp@www.zhongqiwg.com发起这一过程中,利用跟踪足迹票系统。
如果你需要住字幕或请求涉及大量的视频或异常长时间视频,你可能想要考虑相关专业服务的信息视频字幕比较图表- UTS知识库Wiki。
通讯和营销建议审查以下列表的最佳实践作为起点:
- 标题是可用的和可访问的所有观众和观众。
- 一至三行文本出现在屏幕上,在那里呆3到7秒,然后取代另一个标题。
- 不包括图形或其他图片的重要视觉元素。
- 需要使用大写和小写字母。
- 使用一个类似Helvetica字体中。
- 有良好的解决。
- 每行字符限制为32个字符。
- 标题都是同步的,大约出现在音频的同时。
- 词是逐字当时间允许或尽可能在其他情况下。
- 所有单词是标题,无论语言或方言。
- 使用俚语和口音被保存和识别。
- 添加音乐或其他描述在方括号[音乐]或[笑声]等。
- 使用斜体当一个新的词被定义或严重强调在演讲。
- 演讲者应该确定当不止一个人在屏幕上或当演讲者是不可见的。
- 标点符号是用来澄清的意思。
- 整个生产的拼写是正确的。
- 写出音效时增加理解。
相关WCAG指南:
相关的参考和工具:
添加一个标题轨道:本文件访问通过嵌入式媒体播放器的小部件需要标题曲目,包括所有重要的文本描述背景噪音和其他声音,除了所有对话框的文本和叙述。
相关WCAG指南:
确保表有头。< th >元素必须有数据描述细胞,只能参考其他细胞相同的表。
有关WCAG方针和技术:
确保列表项在列表元素:列出有用的组织来组织材料,但是列表需要小心管理转达的背景下,团体和组织。是否有序或无序列表项必须包含在< ul >或< ol >元素,而自己只能直接包含<李>,<脚本>或<模板>元素。如果你不标记列表使用适当的语义标记在父/子层次结构中,列表项不能通知屏幕阅读器侦听器,他们正在听一个列表没有父母时显示的列表和列表的类型。
有关WCAG方针和技术:
相关资源:
确保标题标签不是空的,,他们只增加1:换句话说,标题标签必须有内容,他们的水平需要嵌套层级结构。所以,小心不要从一个< h2 > < h4 >字体或格式化的目的。
有关WCAG方针和技术:
相关资源和工具:
- 试着自由HeadingsMap工具来生成一个基于标题结构导航的地图上,你可以看到所有的标题和水平。
- 试着自由h123书签显示标题像屏幕阅读器。
- 看到标题的适当使用W3C Web可访问性标题教程。
不要用颜色来区分链接文本,使用有意义的链接文本:链接必须不仅依靠色彩来区分他们从任何周围文本(通常这是照顾通过强调CSS)。此外,链接文本必须“明显的”,这意味着它应该总是可见的内部链接文本易访问的名字,和永远不应该有重复的链接标签。避免Javascript事件(鼠标移到目标上,盘旋,等等),因为他们可以防止只用键盘用户能够以编程方式关注链接。
确保链接的目的可以确定从链接文本的链接文本单独或连同其以编程方式确定链接的背景下,除用户链接的目的将是模棱两可的。
有关WCAG方针和技术:
相关资源和工具:
- 和超文本链接——WebAIM
- 试培养了书签链接确定没有href属性的链接。
- 审查的建议处理链接文本WebAIM链接文本和外观教程。
- 回顾视觉文本/背景之下的建议Siteimprove如何导航颜色和网页可及性的挑战
确保iframes插入包括标题属性页:默认情况下,当你得到谷歌的嵌入代码形式,它所提供的片段给你粘贴到web页面的内容管理系统,使形式出现不包括一个标题为iframe元素属性。
手动测试键盘焦点和导航:重要的是,只用键盘用户可以通过选项卡导航和/或箭头键通过表单所需的字段的顺序排列的。
有关WCAG方针和技术:
相关资源和工具:
- 试关注订单Favlet通过水平获得调试可访问性问题。
- 复习教程WebAIM键盘可访问性信息和设计建议。