在社交媒体上创建无障碍内容

已发表: 2022-12-06

在社交媒体上的书面内容旁边添加视觉效果可以帮助提升您的品牌信息,协助您讲述品牌故事,并可以增加参与度——但是您发布的平台上的所有用户都可以访问您的内容吗?

据世界卫生组织称,全球约有 15% 的人口患有某种形式的残疾,约有 10 亿人。 此外,多达 1.9 亿 15 岁及以上的人在功能上存在严重困难,因此需要更大的可及性。 有视力或听力障碍等残疾的人可能需要某些工具才能使用正常人通常不会考虑的内容。 虽然公司和企业无法控制社交媒体平台的可访问性,但他们可以控制他们创建的内容,使其更具包容性,更易于所有人访问。

您可能已经熟悉 Web 内容可访问性指南 (WCAG) 及其指南,但这如何转化为社交媒体上发布的内容? 下面我们概述了一些可以在社交媒体上创建更易于访问的数字内容的方法,从而使您能够接触到更多的受众。

视频字幕和音频描述

视频字幕已成为社交媒体的标准。 您经常会在 YouTube 或 TikTok 等平台上找到自动生成的字幕,这有助于提高可访问性。 然而,仍有许多营销人员没有在他们的视频中使用字幕,即使那些使用了字幕的营销人员也可能仍未考虑字幕的准确性。

有两种类型的字幕:

  • 开放式字幕——嵌入到您的视频中的字幕,由创作者自行添加
  • 隐藏式字幕– 与视频一起上传的字幕,通常在两个单独的文件中。 字幕文件(通常是 .srt 文件)将显示视频中应显示字幕的时间,用户可以选择打开或关闭字幕。

哪个最好? 这取决于品牌和可用资源。 开放式字幕很棒,因为用户不必担心打开字幕,因为它们已经在视频中,而且字幕不正确的风险较小(与自动生成字幕相比)。 另一方面,隐藏式字幕通常可以放大和翻译,使其成为吸引更多人的热门选择。

虽然有听力障碍的人通常依赖视频字幕,但他们并不是唯一的人。 Verizon Media 和 Publicis Media 的一项研究发现,50% 的人表示字幕很重要,因为他们观看的视频没有声音。 同时,69% 的人会在公共场合观看无声视频,而 80% 的人更愿意在有字幕的情况下全程观看视频。 与此同时,85% 的 Facebook 视频和 80% 的 LinkedIn 视频观看是在静音状态下观看的。

很明显,有相当多的用户观看没有声音的视频,因此字幕对于传达您的信息非常重要。 字幕变得更加容易快速添加,例如在 Instagram Stories and Reels 上,其中大部分视频内容来自用户。 最近,他们提供了一个“字幕”贴纸,用户可以将其添加到他们的视频中,以转录他们所说的话。 如果您是一个经常在 Instagram 上发布视频故事的品牌,那么添加这些字幕对于那些在没有声音的情况下观看视频的人和那些需要字幕的人来说都是有益的。

请记住在发布视频之前始终检查/调整字幕以确保准确性,或者使用 Subly 等第三方服务生成字幕,而不是依赖社交平台的自动生成字幕。

让您的视频在社交媒体上更容易访问时,音频描述也很重要。 对于有视觉障碍的人来说,音频描述正是您所想的——它们描述的是音频。 当播放视频时,个人将有机会了解场景中发生的事情,而不是仅仅依靠对话。 您可以在此处找到音频描述示例。

目前,无法轻易打开或关闭发布到流行社交媒体帐户的视频的音频描述。 因此,您可能需要考虑上传两个视频——一个没有音频描述,一个有音频描述。 这个额外的步骤,尤其是在对您的品牌信息极其重要的视频内容上,例如商业广告,可以使其更易于访问。

图片替代文字

Alt 文本是附加到图像的副本,描述图像是什么及其背后的上下文。 对于有视力障碍的人,替代文本允许屏幕阅读器为他们生成图像的合成语音。 当图像无法在网站上正确加载时,替代文字也很有用。 在搜索引擎优化 (SEO) 方面,替代文本还有助于在搜索引擎抓取您的上下文时为搜索引擎提供更多图像背后的上下文,这可以在索引它时提供帮助。

添加替代文本时,请尽量简洁,因为屏幕阅读器通常最多只能阅读 125 个字符。 在这样做的同时,使用为图像提供上下文的特定词语也很重要。 与其说“一个坐在办公桌前的女人……”,不如说“一个坐在办公桌前的女员工……”。 您希望尽可能地具有描述性。 另外,尽量避免在 alt 描述的开头使用“image of”; 屏幕阅读器已经知道这是一张图片,所以直接看描述。

替代文本可在 Instagram、Facebook、Twitter 和 LinkedIn 等流行社交平台上使用。 在 Facebook 和 Instagram 上,您通常可以在照片上传前在创作工作室中找到此选项,或者在发布后的图片设置中找到此选项。 对于 Twitter,您会在图片下方找到添加描述的选项,而在 LinkedIn 上,您会在图片顶部找到“添加替代文本”。

请记住,并非每张图片都需要替代文字——如果它纯粹是装饰性的,通常会有一个框供您勾选以指明此类内容。 还要确保避免将图像标题或说明添加到替代文本框,因为这对需要屏幕阅读器描述图像的残障人士没有帮助。

说到屏幕阅读器——你会在社交媒体上的文案中添加表情符号吗? 这种常见的做法可以在文本旁边增加一些生动性,但是放置它们的位置很重要。 由于表情符号中已经嵌入了替代文本,屏幕阅读器可以向个人传达它是什么,但是当表情符号放在句子中间、用于替换单词或用作要点时,它可能并不总是符合您期望的上下文,尤其是当屏幕阅读器尝试处理表情符号和文本时。 相反,在句子末尾或标题末尾添加表情符号。

如果您想知道表情符号的含义或它如何翻译成文本,请查看此表情符号百科。

大写标签

将大写添加到主题标签中每个单词的首字母,称为 CamelCase(之所以这样命名是因为大写字母看起来像骆驼的驼峰),可以让用户更好地理解主题标签,使其更易于访问 – #ratherthanthis it #LooksLikeThis

在帖子中添加主题标签是吸引更多人的好方法,但如果有大量小写字母,它就没有用了。 同样,屏幕阅读器会将全小写的主题标签视为一个词,这不会为阅读内容的个人提供任何帮助。 相反,使用 CamelCase 的主题标签允许屏幕阅读器理解主题标签的内容,并且可以帮助那些可能需要阅读帮助的人。

记住您使用了多少主题标签很重要。 对于那些使用屏幕阅读器的人,它会接收你添加的每个主题标签并向个人说出来。 这意味着如果您使用 20-30 个主题标签,则该人必须听取每个主题标签。 作为一种解决方案,您可以将主题标签添加到帖子的第一条评论中,这有助于分隔标题并帮助屏幕阅读器仅传达消息的要点。

颜色对比和移动图形

引人注目的设计可以为社交媒体上的品牌创造奇迹,但如何展示视觉效果势在必行。 根据经验,背景和图像上的任何文本之间应该始终有足够的颜色对比。 如果文本颜色较浅,则它应该在较暗的背景上(反之亦然)。 检查颜色对比度的最佳方法是使用在线工具,例如 Web AIM 的 Contrast Checker。

带有文案的图像需要至少 4.5:1 的颜色对比度,而 18pt 和更大的文本以及传达意义的元素(如图标、按钮和图表/图形的组件)需要 3:1 的比例。

对于那些容易癫痫发作的人来说,其中包含频闪、明亮元素的图形可能难以查看,而且很危险。 每秒闪烁超过 3 次的闪烁图形或元素在图像上占据大量空间,并且在闪烁之间具有显着的颜色对比(明暗)可能是危险的。 根据 Epilepsy Foundation 的说法,感光人群每秒观看的闪光不应超过 3 次,而闪光元素不应超过图形总面积的 25%。 他们还发现,“饱和的深红色”颜色对癫痫患者的影响更大,因为人类对饱和的红色闪烁更敏感。 您可以在此处找到有关红色闪光阈值的更多信息。

由于全世界至少有 22 亿人有视力障碍,因此创建更能满足他们需求的视觉内容,同时让您的内容更易于视觉消费,是双赢的。 例如,色盲是一种常见病症,在设计社交媒体图片时应予以考虑。 为了更好地适应有这种情况的人,最好避免使用颜色作为含义。 换句话说,不要只使用红色来表示帖子中的错误。 相反,在图像中包含文本(连同颜色)以描绘您想要的任何含义。

以下是选择字体时需要考虑的其他一些快速提示:

  • 不要在繁忙的背景上使用文字
  • 为了突出文本,在文本后面添加对比色作为突出显示
  • 避免难以阅读的小字体(12 磅应该是最小的)

向前进

开始在社交媒体上为您的设计添加更多可访问性永远不会太晚。 制作可访问的社交媒体内容可以让您的品牌面向更广泛的受众,并让您的内容被更多人消费。 利用您当前的内容,看看您可以改进的领域——额外的步骤是值得的。