数码易读性最佳实务

我们大多数常见的交流媒介都有非常简单的步骤来确保你的内容是可访问的. 在创建任何数字内容时,要记住您的一些受众可能会通过屏幕阅读器访问您的内容,这一点非常重要, 哪个向用户读取您的内容. 其他人可能无法使用鼠标,而可能使用键盘来浏览您的内容. 通过遵循一些基本步骤,可以使辅助技术和方法可以访问您的内容. 

按媒介划分的最佳实践

电子邮件

电子邮件是一种媒介,人们可以使用屏幕阅读器向人阅读内容.

图片

虽然图像可以在电子邮件中添加视觉效果, 重要的是要确保图像仅用于装饰效果, 不要包含重要信息. 必须为任何图像提供替代文本(“alt”文本). 如果图像不是链接,则应该描述图像中的内容. 如果图像用作链接, 替代文本应该描述通过链接将人带到哪里.

替代文本是一些单词描述,这对那些看不到图像的人很有用, 但有许多类型的视觉障碍,用户将无法访问替代文本, 因此,信息内容不应该放在图像中. 如果你想包括一个事件的传单的图像, 只要图片中的所有文本在邮件正文中也作为文本重复出现,这是可以的.

不应该使用动画gif. 如果一定要使用,它的动画不能超过5秒. 这意味着它必须设置为5秒或更短的动画,并且必须设置为不重复.

颜色

给邮件添加颜色可以增加风格, 但重要的是要确保文本和背景之间有高度的对比. 把黑色的文字放在灰色的背景上会给那些有视觉障碍的人带来麻烦. 你可以用 WebAIM的颜色对比检查工具 来判断你的颜色对比是否足够好. 此站点使用十六进制值表示颜色,您可以使用 W3schools的颜色转换器 求出颜色的十六进制等效值.

文本

在电子邮件中应该使用更大的字体,以适应视障用户. 文字应该是14点或更高.

文本应该尽可能保持简洁和易于阅读. 大量的文本会让你的内容更难理解.

不使用下划线. 下划线会自动应用于内容中的任何链接, 因此,在常规文本中添加下划线可能会让用户感到困惑.

链接

重复链接文本

重要的是,不要为多个链接/按钮使用相同的链接文本,这些链接/按钮将用户带到不同的地方.

例子

缺点:

学习如何制作篮子
现在注册

学习如何烘焙最好的饼干
现在注册

好:

学习如何制作篮子

学习如何烘焙最好的饼干

适当的链接文字

你应该避免诸如“点击这里”之类的文本或显示完整的url. 链接的文本应该描述链接将把用户带到哪里.

例子

缺点: 点击这里 更多关于熊如何睡觉的信息.

坏消息:了解更多熊是如何睡觉的。 http://www.例子.com

好:了解更多关于 熊是怎么睡觉的?.

如果要链接到文档,最佳实践是在链接中指出文档的类型.

了解更多关于 熊是如何睡觉的[pdf].

文档

学院尽量减少在网站上使用pdf、Word等文件., 但在学院认为有必要的情况下, 通过适当地遵循一些技术,可以使Microsoft Office和Adobe Suite中的文档更易于访问. 正确使用标题,并确保不包含文字过多的图像,将会有很长的路要走. 我们在下面提供了一些资源,以确保每个人都可以访问您的文档.

Adobe PDF

请注意,扫描的文件必须经过光学字符识别(OCR)软件处理才能访问, 并且已经被人类验证是正确识别的. 扫描一本书或一篇文章只是把一个大图放到PDF中,有视觉障碍的人将无法访问内容.

pdf可以从许多程序创建, 要确保你的PDF至少具有基本的可访问性,一个快速的测试是试着用鼠标点击和拖动文本来突出显示文本. 如果不能选择文本,则无法以任何方式访问文档.

Microsoft Excel

微软演示文稿

微软文字处理软件

视频

学院的所有视频(包括公共视频和教学视频)都必须包含准确的字幕. 这使得那些有某些障碍的人仍然可以接收到他们本来会错过的音频内容.

直播视频可以使用自动字幕, 但是,在包含人工创建/验证的字幕之前,无法提供按需版本.

重要的信息不能仅仅包含在视频的视觉效果中. 如果在看视频的过程中闭上眼睛会造成重要信息的丢失, 该视频将不符合无障碍要求.

重要的是,在开始任何视频项目之前,这些问题都要考虑到视频的时间和制作.

请联系您工作的办公室来发布您的视频内容, 杰夫·兴通讯 or 资讯科技服务部服务台,了解如何最好地为你的视频配上字幕.

网络编辑器

学院的网站内容管理系统(CMS)设置为许多可访问性增强自动化, 学院一直在采取措施改进这些方法,以达到WCAG 2.1 AA标准.

即使在CMS中有适当的流程, 网站编辑需要在自己的内容中做一些事情,以确保他们的页面是可访问的.

一般的文本

文本应该尽可能保持简洁和易于阅读. 大量的文本会让你的内容更难理解.

不使用下划线. 下划线会自动应用于内容中的任何链接, 因此,在常规文本中添加下划线可能会让用户感到困惑.

句子或段落中不应使用全部大写字母. 这可能会使某些用户难以阅读文本.

颜色

确保文本和背景之间有高度的对比是很重要的. 颜色由皇冠体育学院网站样式表预先确定, 我们已经确保所有的默认文本, 按钮, 等. 使用足够的对比度. 但是,您可能会有一个包含少量文本的图像.  如果你的图像在灰色背景上有黑色的文字,这可能会给那些有视觉障碍的人带来问题. 你可以用 WebAIM的颜色对比检查工具 来判断你的颜色对比是否足够好. 此站点使用十六进制值表示颜色,您可以使用 W3schools的颜色转换器 求出颜色的十六进制等效值.

图片

虽然图像可以为网页添加视觉效果, 重要的是要确保图像仅用于装饰效果, 不要包含重要信息. 必须为任何图像提供替代文本(“alt”文本). 如果图像不是链接,则应该描述图像中的内容. 如果图像用作链接, 替代文本应该描述通过链接将人带到哪里.

替代文本是一些单词描述,这对那些看不到图像的人很有用, 但有许多类型的视觉障碍,用户将无法访问替代文本, 因此,信息内容不应该放在图像中. 如果你想包括一个事件的传单的图像, 只要图片中的所有文本在邮件正文中也作为文本重复出现,这是可以的.

不应该使用动画gif. 如果一定要使用,它的动画不能超过5秒. 这意味着它必须设置为5秒或更短的动画,并且必须设置为不重复.

标题

网站使用标题来指示页面内的部分. 网页使用的标题有六种, 1号到6号, 标题一是最重要的标题, 其他标题表示主标题的子标题.

我们的cms设置使用页面的标题作为标题(你不应该添加额外的标题),但重要的是,任何子节都是标题二, 标题2中的任何子节都应该使用标题3, 等. 在适当的层次结构中使用标题是非常重要的. 下面列出了带有标签的标题,只是为了说明层次结构, 但在实际的网站上,你不会看到标题缩进.

例子

标题1

标题2

标题3

标题3

标题4

标题2

标题2

标题将自动使用学院的样式, 因此,不要试图使用编辑器中的粗体按钮来指示自己的标题,这一点很重要. 标题将自动调整为正确的大小/粗细.

链接

重复链接文本

重要的是,不要在一个页面上使用相同的链接文本,用于将用户带到不同地方的多个链接/按钮.

例子

缺点:

学习如何制作篮子
现在注册

学习如何烘焙最好的饼干
现在注册

好:

学习如何制作篮子

学习如何烘焙最好的饼干

适当的链接文字

你应该避免诸如“点击这里”之类的文本或显示完整的url. 链接的文本应该描述链接将把用户带到哪里.

例子

缺点: 点击这里 更多关于熊如何睡觉的信息.

坏消息:了解更多熊是如何睡觉的。 http://www.例子.com

好:了解更多关于 熊是怎么睡觉的?.

如果要链接到文档,最佳实践是在链接中指出文档的类型.

了解更多关于 熊是如何睡觉的[pdf].