10种方式使您的内容可移植和可访问

当凯莉在她的iPhone上打字时,她看起来像是在吹笛子。她紧贴着她的脸,她的手指以令人难以置信的速度移动。她完成了写作并递给我手机以阅读她刚输入的信息。它具有完美的拼写和语法,输入速度比使用iPhone的触摸键盘时更快。

Kerie使用一个名为的应用程序Fleksy帮助她将手指移动到手机的表面,以图案形式转换为单词。她还阅读新闻,收听广播应用,检查Twitter并使用手机搜索火车时间。她完全失明了。

“出版”对不同的人意味着不同的东西。对某些人来说,这意味着要生产一份印刷的,实际的工作量。其他人将发布与通过设备和应用程序分发书面作品的能力联系起来。越来越频繁地,人们认为发布内容可以以任何格式提供内容,无论是将文章推送到博客还是更新Google Plus帖子。

现实是用户的期望不同,这些期望随着时间而变化。曾经贪婪地在博客上消费最新帖子的读者现在希望他们可以随时随地阅读该博客文章或任何文章或书籍。今天的内容跟随我们从博客到手机上的Reeder,到iPad上的Instapaper,再到通过Whispernet发送到Kindle的电子邮件版本。

每个人的阅读工作流程都不同,对于那些需要诸如屏幕阅读器,高对比度或放大文本等辅助功能的人来说,当作者和出版商未能考虑次要但必要的格式细节时,工作流程会被打破,有时甚至是不可挽回的。不要认为这不是'检查辅助功能盒'。而是意识到您正在将您的内容有效地转化为许多潜在客户的黑匣子。

辅助功能不是“功能”

虽然听力和视力下降的人使用无障碍控制是正确的,但也有许多其他人也从中受益。低视力的人会调整字体大小以更轻松地阅读屏幕上的内容。色盲的人欣赏调整调色板的能力,以便红色警告文本等内容确实突出。通勤时间较长的人使用屏幕阅读器来收听正在阅读的文章。非母语人士使用带标题的视频和音频来帮助他们理解新语言。所有这些场景都代表了更广泛的内容范围,改善了用户体验和同理心,甚至可能带来更多收入。

有关可访问性含义的概述,请参阅伊恩汉密尔顿的文章

定义平台

让我们从一些关于我们可以关注的格式的定义开始,以使我们的内容更容易阅读:

  • HTML:借助HTML5,网络是作家和出版商展示其作品的更好地方。新标签就像文章部分页脚现在可以在许多浏览器中实现,并且可以半可靠地用于为您的写作添加语义上下文。另外,即将到来的CSS3页面模块也可能对那些寻求更固定页面阅读体验以启用的人感兴趣。
  • EPUB:EPUB是国际数字出版论坛(IDPF)的官方标准。 EPUB3于2011年10月获得批准,允许出版物具有更多样式和可定制的内容,更接近HTML / CSS的能力,而不是之前的更静态的指南。
  • MOBI:MOBI是Mobipocket的缩写,是Kindle和其他数字阅读器使用的格式。它不像EPUB那样可以自定义,但是我们在这里介绍它,因为如果您愿意,可以使用它将内容发布到亚马逊。根据罗宾克里斯托弗森AbilityNet,盲人用户可以使用某些型号的Kindle;但是iOS上的Kindle应用程序不是。 Kindle的新格式KF8目前由Kindle Fire支持,很快将推出到最新一代Kindle电子墨水设备和Kindle阅读应用程序。
  • PDF:PDF已成为网络上无处不在的实体。我把它包含在这里是因为大多数平板电脑确实具有良好的内置技术,可用于阅读PDF并使用辅助技术。使用PDF,决定因素是它是如何创建的。根据艾伦道尔顿,爱尔兰的无障碍发展顾问国家残疾人管理局,“你可以使PDF可以访问;但很多人没有。他们没有意识到他们的工具正在生产不好的产品。如果我按照我的方式,我们所做的一切都将是HTML。”除了导航和可访问性之外,PDF还不能很好地适应不同的尺寸,并且任何试图在智能手机上阅读PDF的人都熟悉这样做所需的笨拙挤压,缩放和平移。

不属于此类别的应用是将您的内容转换为大图像的应用。虽然这可能会确保整个平台的外观和风格相同,但是您还会阻止大量的观众,同时还会创建非常繁重的下载。当我们开始讨论Retina显示器和双尺寸图像时,这个问题会加剧。为了感受被拒绝的东西是什么感觉被拒绝(但仍然需要付费),请参阅关于报亭应用程序的评论通常在iOS中通过VoiceOver无法访问

要查看这些类型的杂志对于可访问的技术用户来说是什么样的,请参阅我的视频嵌入,这显示了尝试阅读这些杂志的令人沮丧的体验
可访问性工具,如VoiceOver会

保持内容的便携性和可访问性

专注于便携式格式使我们能够处理我们的内容,以便在更多浏览器,电话,数字阅读器设备和阅读应用程序中愉快地生活。我们需要对内容做些什么来确保它们能够在这些不同格式之间进行良好的转换,同时保持自定义风格和良好体验?

我已经在下面列出了一些指南,供那些希望他们的受众尽可能广泛并且不想将他们的内容锁定到许多用户的黑匣子的人们使用。这些技术可应用于从博客文章到长篇新闻,以及您正在考虑自行发布的任何其他作品:

1.从HTML5开始

通过最初使用HTML5创建文档,您将来不必担心。 HTML5标记将有助于使您的文档易于导航并转换为其他格式。如果您从一开始就有语义信息,那么您可以将出版物的“改编”重写为其他格式。

2. WAI-ARIA

WAI-ARIA是Web可访问性计划 - 可访问的富Internet应用程序套件。这是由协议和格式工作组(PFWG)创建的一套指南
W3C。 WAI-ARIA定义了一种使残障人士更容易访问Web内容和应用程序的方法,它有助于使用Ajax,HTML,JavaScript和相关技术开发的动态内容和高级用户界面控件。本文中的一些技术来自WAI-ARIA指南虽然这篇文章的篇幅不足以涵盖所有规范,但我建议您查看一下有关推荐这些内容的原因和实施最佳实践的详细信息。

3.使用doctype

虽然使用特定的doctype本身不会影响相关HTML代码的可访问性,但使用doctype的重要原因是确保不触发浏览器的怪癖模式。简单地使用确保不会发生。

4. HTML5文档标签

文档的正确导航因其可访问性指数而异。我采访的许多可访问技术用户表达了他们对内容提供商和开发人员没有正确标记他们的文档导航功能的沮丧。与使用大量div相比,这些标记为文档各部分提供了更多上下文。

  • 页脚可以在页面中多次使用。它们可以表示文档的相应主页眉或页脚,或者它们可以用于文章或章节中的页眉/页脚信息。
  • 在旁边是一个很好的标签,用于部分,如书中的侧边栏,是对文件的补充,但对其理解并非绝对至关重要。
  • 是有意义的分解想法或将内容分组在一起的方法。
  • 用品是独立的独立作品,可以在没有其他内容的情况下存在。适当地使用这些标记有助于确保正确解释内容的结构。

使用CSS,可以在链接和按钮上使用背景图像。这对网页设计师来说是一个很好的效果,因为它可以更好地控制排版。但是,它导致人们忘记包含文字说明。即使您在图像中使用文本也要确保它仍然可以访问。这也会影响SEO和
国际化。

例:

这是不好的。

联系我们

好多了。

6.图像 - ALT与TITLE

人们经常包括ALT要么标题他们的形象中的属性,但不是两者,因为他们经常被误解,因此似乎是多余的。为了消除困惑,标题可以表示咨询信息,例如可能出现在工具提示中的信息。当您将鼠标悬停在图像上时,这也可以为您提供更多信息,这是许多人在其博客上使用的技术。然而,随着触摸设备的增长,这种信息变得不那么有用。

Alt键另一方面,辅助技术使用并给出元素的上下文。你必须使用ALT在您的图像上,并确保它是有用的信息。运用不为用户添加任何内容。最佳做法是使用
你的描述性文字ALT文本,如果图像也是链接,也要描述链接。

例:

这是不好的。

使用在领域的可爱的兔子的例证

好多了。

Illustration of adorable rabbits playing in a field

如果您想要鼠标悬停文本(如工具提示),则可以,但也可能会导致混淆,因为某些屏幕阅读器可能同时阅读标题ALT

作为链接的图像示例:

点击这里了解更多关于我们的信息!点击这里了解更多关于我们的信息!

不是很好。

关于我们

更直截了当。

7.媒体

W3C的基于时间的媒体指南描述了音频和视频内容的指南和成功标准。为录制的视频或幻灯片添加字幕可能会使听力障碍者和非母语人士产生差异。如果可能的话,在视频中提供音频描述以及详细描述视觉和音频信息的转录也是一个好主意。确保您提供所有内容的全面而有效的文本描述,特别是当它是本文其余部分的补充信息时。有效的描述将包括内容是音频,视频,幻灯片还是它们的任意组合,媒体的长度以及可用的其他信息,例如成绩单。

例:

不是很好。

好多了。

有关格式化标题文件的更多信息,请参阅dev.w3.org/html5/webvtt/

8.文字颜色

对比度越大,文本的颜色与背景越好。一个人表达了她对白色背景上的浅灰色文本的挫败感,特别难以阅读,但不幸的是经常特别用于精细打印。你可以使用类似的东西WebAIM的对比度检查器测试颜色是否能很好地协同工作。

9.使用自定义字体

多年来,展示印刷复杂性的方式是通过文字图像。这导致无法访问和不灵活的页面。现在随着越来越多的网络友好字体,更容易获得你想要的外观和感觉。使用CSS3的@ font-face功能,您可以使用可扩展且可访问的自定义字体,并允许使用CSS属性(如行高,字母间距,文本阴影等)操作印刷显示。自定义字体也可以嵌入到ePub书籍中以保持您的风格。

例:

我们公司名称和欢快口号的图像,采用爵士字体 < - 不好。 

抹刀城

我们卖锅铲。就这样!

好多了。 (如果你开始销售超过刮刀而且必须更新,那么更容易更新
更新你的口号!)

10.检查你的工作

您可以验证文档和标签,以确保它们被正确解释和使用。一种简单的方法是确保您已使用HTML5文档类型,然后使用W3C Nu标记验证服务。虽然您可以将ARIA标记与其他文档类型一起使用,但由于关联的DTD无法识别ARIA标记,ARIA标记可能会导致验证工具产生错误。

让人们知道

如果您的内容有多种格式,请确保有一种方法可以在您的网站上发现这一点。您可能已经看过“如果您在查看此电子邮件时遇到问题,请在线阅读
版本“消息在许多电子邮件简报的顶部。对您的内容做同样的做法。如果您有可访问的PDF或音频版本以及ePub,请确保用户可以找到该信息。测试以确保内容可查找和可读。

摘要

您的潜在受众正在增长,并且正在快速增长。这些只是众多技术中的一小部分,可让您保持内容的可用性,并为尽可能多的读者提供访问权限。这是一个快速变化的领域,所以如果你有兴趣帮助它发展,我鼓励你看看Nick Disabato的出版标准组织。

此区域的地面工作者的其他重要资源和文章也列在下面。在本文的后续内容中,我将从可访问性扩展并提供其他提示,以确保您的内容脱机工作并且更具可移植性。

正如我们在过去几年中在杂志行业中看到的那样,如果你停滞不前,你将失败。创造性思考,构建人们喜爱的精彩内容,并确保他们能够享受它。

致谢

衷心感谢所有帮助我完成本文的人,花时间向我展示他们如何使用无障碍技术,描述他们的挫折感,并提供对他们有用的建议。这份名单包括Shane Hogan和Alan Dalton爱尔兰国家残疾人管理局Joshue O'Connor,作者专业HTML5辅助功能斯图尔特劳勒在NCBI,Darragh“Hiligh,Kerie Doyle,Ceri Clark,Gaylen Floy,Declan Meenagh以及那里的人们AbilityNetPaciello集团他们的伟大研究。

资源



翻译字数超限