包容性设计似乎是用户体验设计师和网页开发人员的领域。 但社交媒体营销人员也可以实践它。

一些社交平台最近进行了无障碍更新。 Facebook Live和Instagram IGTV都有自动字幕。 在语音推文推出后，Twitter成立了两个无障碍团队，并计划在2021年初推出自动字幕。 Alt-image描述栏现在可以在所有三个平台以及LinkedIn上使用。

营销人员应将了解这些更新视为一种责任。 社交媒体的可访问性在技术上并不是《网络内容和可访问性指南》的2.1合规标准所要求的。 但它不应该是这样。 包容性的社交媒体营销就是好的社交媒体营销。

奖金。 阅读分步骤的社交媒体战略指南，其中有关于如何发展你的社交媒体的专业提示。

什么是包容性设计？

包容性设计的目的是为尽可能多的人提供最好的用户体验。

在实践中，它摆脱了以所谓的 "普通用户 "为中心的 "一刀切 "的做法。 相反，包容性设计通过解决障碍和为人们提供各种参与方式，为不同的用户创造条件。

没有什么是正常的。#inclusion#inclusive#design @MicrosoftDesign pic.twitter.com/xXW468mE5X

- katholmes（@katholmes） 2017年3月6日

包容性设计从识别最罕见或最极端的需求开始，也就是所谓的边缘案例或压力案例。 根据不同的环境，边缘案例可以包括能力、年龄、性别、语言和其他因素的差异。 相比之下，通用设计的目的是为最广泛的人和情况服务。

@meyerweb 这个词很有说服力：边缘案例定义了你关心的内容/对象的界限。

- Evan Henſleigh (@futuraprime) March 25, 2015

在确定了边缘案例之后，下一步就是设计一个解决方案。 微软的包容性设计原则提供了一个很好的框架。

1. 认识到排他性
2. 解决一个问题，扩展到多个问题，以及
3. 从多样性中学习。

很多时候，包容性设计使每个人都受益。

视频上的封闭式字幕就是一个最好的例子。 字幕的主要用途是帮助有听力障碍的人。 但它们也能帮助语言学习者和关闭声音的观众。 来自Facebook的数据显示，为关闭声音而设计的品牌内容被评为具有48%的相关性，38%的品牌兴趣。

为什么无障碍性对社交媒体很重要

一个考虑到包容性设计的社交媒体战略也会这样做。 如果没有无障碍性，你就会错过与你所有潜在受众的联系。

至少有10亿人--占世界人口的15%--经历着某种形式的残疾。 如果考虑到临时性和情景性的残疾，这个数字就会大大增加。 非包容性的内容和体验将人们推开。 而且，要准确指出何时发生这种情况并不容易。 被排斥的网络访问者通常不会抱怨：71%的人只是离开。

2018年对50个国家的Facebook用户进行的一项调查发现，超过30%的人报告说至少有以下一项困难：看、听、说、组织思想、走路或用手抓握。

保持社交媒体的可及性意味着认识到排斥，向你的追随者学习，并以最清晰的方式呈现信息。 而在一天结束时，这只是作为一个好的营销人员。

此外，几乎每个人都喜欢看到广告中的包容性。 根据谷歌最近的一项调查，64%的人在观看了他们认为具有包容性的广告后采取了行动。

社交媒体经理的9个包容性设计技巧

1.使文本无障碍

清晰的写作使文本更容易被理解和接受。 这对每个人都有好处，就这么简单。

在你点击发布之前，考虑像屏幕阅读器这样的辅助工具将如何阅读你的副本。 那些把英语作为第二语言学习的人怎么办？ 或者那些有学习障碍或对主题熟悉程度有限的人怎么办？

这里有一些关于文字的包容性设计提示。

• 用平实的语言来写。 避免使用专业术语、俚语或技术术语，除非它们是适当的。 别担心，你可以在不影响品牌声音的情况下做到这一点
• 不要过度使用帽子 大写字母可能难以阅读并被屏幕阅读器误解。
• 对多字标签使用驼峰大小写 将每个词的第一个字母大写，以使标签更容易辨认，并防止屏幕阅读器的错误。

PSA...

Blacklivesmatter在读屏软件中的发音类似于 "black live (the verb) smatter"。

BlackLivesMatter的宣布正如你所期望的那样："黑人的生命是重要的 "#社交媒体#无障碍性

- Jon Gibbins（@dotjay）2020年7月9日

• 把标签和提及的内容放在最后。 标点符号是由屏幕阅读器朗读的。 要注意标签或@提到的内容会扰乱副本。
• 避免说 "点击这里"。 使用描述性的呼叫反应，如：注册，免费试用，或订阅。
• 限制表情符号的使用。 Emoji和表情符号（即¯\_(ツ)_/¯）是由辅助技术朗读的。 这意味着人们会听到诸如 "大声哭泣的脸 "或 "一堆大便 "之类的东西。 在使用一个表情符号之前，先看看它如何翻译成文字。
• 使用适当的字体大小。 确保文本清晰可读，特别是在图像或不可修改的区域使用时。
• 避免使用特殊字符 除了可读性降低外，VoiceOver和其他辅助工具对特殊格式的阅读也非常不同。

你𝘵𝘩𝘪𝘯𝘬，这是𝒸𝓊𝓉ℯ𝘄𝗿𝗶𝘁𝗲 你的推特和用户名𝖙𝖍𝖎𝖘 𝖜𝖆𝖞。但你有没有𝙡𝙞𝙨𝙩𝙚𝙣𝙚𝙙 到它𝘴𝘰𝘶𝘯𝘥𝘴 𝘭𝘪𝘬𝘦 与辅助技术如𝓥𝓸𝓲𝓬𝓮𝓞𝓿𝓮𝓻？ pic.twitter.com/CywCf1b3Lm

- Kent C. Dodds 🚀（@kentcdodds） 2019年1月9日

• 限制线的长度 行文太长会影响可读性和保留。
• 使用包容性语言 避免使用歧视性语言，坚持使用性别中立的代词和术语，分享不同的声音和表情符号，并评估文本中的有限观点假设。

//www.instagram.com/p/CE4mZvTAonb/

2.提供描述性的图片标题

描述性的标题和替代文本（也被称为alt文本）允许人们在看不到图像时将其可视化。 根据WebAIM，一个与残疾人中心合作的非营利组织，缺失或无效的alt文本是网络无障碍性中最有问题的方面。

一些社交媒体平台使用对象识别技术来提供自动替代文本。 显然，它的可靠性是有限制的。 在可以的情况下，添加一个自定义的描述总是更好。

Facebook、Twitter、Instagram和LinkedIn提供了特定的字段，让你为图片和GIF添加alt-text（你也可以用SMMExpert添加alt-text）。 当无法添加alt-text时，可以包括描述性的标题。

如果你看到我要求人们描述他们的照片而感到厌烦，可以想象我是多么的厌烦。

1.反复写同一件事。

2.滚动浏览这个应用程序，想知道那张照片有什么好笑的/令人不安的/重要的地方。

- Holly Scott-Gardner (@CatchTheseWords) 2020年9月25日

撰写描述性alt-text的技巧。

• 传达内容 ：在 "图表的图像 "和 "柱状图说明森林火灾逐年增加，今年达到峰值100 "这样的内容之间存在巨大差距。
• 跳过 "图像 "或 "照片 "的说法。 " 英国皇家国家盲人协会说，大多数屏幕阅读器希望你不要这样做。
• 提到颜色 如果它对理解图像很重要的话。
• 分享幽默 .描述性的文字不必过于正式，应尽力表达出有趣的内容。
• 抄写文本 如果图片上有对其意义至关重要的文案，请确保将其纳入描述中。
• 向最好的人学习 ：WebAIM提供了一些提示和几个例子，文案人员Ashley Bischoff的演讲非常有帮助。
• 不要忘记GIFs Twitter最近将alt-text作为GIF的一个选项。 如果该平台不支持alt-text，请在动作中加入描述。

一般来说，你不必说 "图像 "或 "照片"。 只要描述图像所传达的内容--用户看到它的目的是什么。 一些例子。

- 机器人拥抱（@RobotHugsComic） 2018年1月5日

3.包括视频字幕

封闭式字幕对有听力障碍的观众来说至关重要。 它们还能增强以非母语观看的人或在无声环境中观看的人的观看体验。 字幕甚至有利于儿童学习阅读。

😳😳😂谢谢你 @AOC!!!!!!

因为你的标题，我从你那里学到了很多东西。 谢谢你对4.66亿聋人的包容！//t.co/792GZFpYtR

- Nyle DiMarco（@NyleDiMarco）2019年3月28日

Facebook的内部测试发现，包含字幕的视频广告的观看时间平均增加了12%。 字幕也有助于记忆。 多项研究表明，观看有字幕的视频的人更有可能记住内容。

脸书 自动生成字幕，自己编写，或上传SubRip (.srt)文件。 自动闭合字幕也适用于Facebook Live和Workplace Live。

录像带 自动生成字幕、抄写字幕或上传支持的文件。 错误可以通过字幕编辑器来纠正。 自动字幕在YouTube Live上有英文版本。 社区字幕，允许账户众包字幕和翻译，已经停止使用了。

淘宝网 ：自动闭合字幕现在可用于IGTV Live和IGTV。 否则视频字幕必须提前刻录或编码。 在你的Instagram Stories、TikTok和Snapchat视频中添加字幕，并自定义文本。 Cliptomatic对此有帮助。

推特 Twitter也正在努力在2021年初为视频和音频添加自动字幕。

ǞǞǞ : 上传一个.srt文件与你的视频。

当alt-text字段不可用时，在你的标题中包括一个描述。 以下是它们的典型格式：图像描述：[图像的描述]。

PS：SMMExpert让你在撰写社交视频的同时上传字幕文件，这样你就可以轻松发布带有闭合字幕的视频。

除了封闭式字幕，这里还有一些你可以做的事情，为社会媒体创造高度可看的无声视频。

4.添加视频描述

与通常是口语对话的转述的字幕不同，描述性语言表示的是没有说出来的重要景象和声音。 想象一下，在 "我是谁 "中的提示卡场景是怎样的。 恋爱中的人 盲人观众可以看到这一幕。 或者说，看着这一幕，在 搏击俱乐部 爱德华-诺顿的角色在那里殴打自己。

我向你挑战，让你享受使用语音描述的电视节目。 让自己沉浸在音频的世界里，从#视力下降的角度体验电视节目或电影，你永远不知道你可能从中得到很多。 @sibbymeade @guidedogs @seandilleyNEWS @TPTgeneral pic.twitter.com/oMSjE7nduv

- 马丁-拉尔夫-导盲犬（@MartinRalfe_GDs）2020年9月14日

有几种方法可以提供描述。

• 描述性音频 描述性视频是对你视频中任何重要的非语言元素的叙述性描述。 这个轨道的编写和录制是为了适应重要的音频元素之间的空隙。 在社交媒体上，描述性视频通常是 "烤 "出来的，不能被关闭。
• 描述性文字记录 有时被称为媒体替代性记录，这些记录提供了与对话相关的描述，很像剧本。
• 现场描述的视频 现场视频主持人应该熟悉描述性视频技术，利用停顿来描述屏幕上正在发生的事情。 无障碍媒体公司有一个很好的最佳实践指南。

5.使用至少4.5:1的色彩对比度

对于色盲的人，甚至是那些为了抵御红色通知带来的多巴胺而改用灰度的人来说，色彩对比很重要。

根据WCAG的建议，文本颜色与背景之间的理想对比度应该是至少4.5比1。 对于较大的文本，这一比例会降低，但对于较小的文本，这一比例会增加。 这些变化可能看起来很微妙，但对于不同的观众来说，它们会产生很大的区别。

• 避免绿色和红色或蓝色和黄色的组合，因为它们难以阅读。
• 图片上的文字可能难以阅读，所以考虑使用纯色背景或不透明的覆盖物。
• 在图形和图表上，考虑也使用模式来区分数据。

资料来源。 脸书设计

6.不要依靠颜色来表达意思

全球至少有22亿人有某种形式的视力障碍，包括色盲、低视力、近视和失明。 事实上，Facebook的颜色方案是蓝色的，因为其创始人马克-扎克伯格是红绿色的色盲。

颜色对于不同的文化也有不同的含义。 例如，在美国的金融图表上，红色可能意味着下降的趋势，但在中国，红色是积极的。

• 视觉化链接 添加一个下划线或悬停动画来表达超链接文本是可以点击的。 Nielsen Norman集团有关于可视化链接的有用指南。
• 使用符号 在图表或信息图表中，使用符号或图案作为颜色的替代或补充。 或者，添加澄清的标签。

  奖金。 阅读分步骤的社交媒体战略指南，其中有关于如何发展你的社交媒体的专业提示。

  现在就获取免费指南吧

Nick Lewis Design (@nicklewisdesign)分享的帖子。

7.保持对无障碍工具的了解

如果你是一个社交媒体经理或营销人员，一定要关注这些账户，以保持信息畅通。 了解有哪些选择，以便在社区成员需要你的帮助时，你可以帮助他们。

脸书。

• 脸书无障碍页面
• 推特上的Facebook无障碍设施
• Facebook的导航助手
• 脸书无障碍帮助中心
• 提交Facebook无障碍和辅助技术的反馈意见

推特。

• 推特无障碍账户
• 推特Able账户
• 推特共同账户
• 推特安全账户
• 分享关于无障碍性和其他问题的反馈

YouTube。

• YouTube的无障碍设置
• 用屏幕阅读器使用YouTube
• 支持YouTube

萍水相逢。

• 情绪健康资源
• Pinterest帮助中心

LinkedIn。

• LinkedIn的残疾问题咨询台

关注残疾人权利倡导者，如Alice Wong, The Black Disability Collective，以获取观点和理解。 在社交媒体上加入#a11y #DisabilitySolidarity等标签的对话，以及你发现的其他标签。

8.促进积极包容

实用性不是衡量包容性的唯一标准。 代表性也很重要。

需要证明吗？ 考虑一下 "斯卡利效应"。 不仅仅是 "斯卡利效应 "的女性观众。 X档案 他们把特工斯卡利视为积极的榜样，在观看该剧后更有可能重视和学习STEM。

后 黑豹 首映式上，推特上爆发了#WhatBlackPantherMeansToMe的推文。

我真的很喜欢一个穿着黑豹服装的黑人孩子的主题，作为纪念和庆祝#查德维克-博斯曼的一种方式 💔。

- derecka（@dereckapurnell）2020年8月29日

品牌应该创造与受众对话的内容，这是一个基本的营销原则。 但是，品牌往往在他们的图像中过度表现年轻、白人、直人、身体健全、顺应性别的男性。

2019年，广告中男性角色的数量以二比一的比例超过了女性角色。

在2019年的广告中，残疾人只占人物的2.2%。

也要考虑角色分配和描绘。 女性总是在做清洁工作吗？ 恋爱总是异性恋吗？ 在将任何图片发布到社交媒体之前，确保它没有宣扬种族主义、性别歧视、年龄歧视、同性恋或其他陈规定型观念。

由Osmosis (@osmosismed)分享的帖子

你的信息应该和你的观众--或者你希望加入你的观众--一样多样化。 通过你的视觉效果、伙伴关系和合作来体现多样性。 当你这样做时，要准备好提供支持。 这意味着你需要在巨魔出现时出现。

请阅读我们的《真正的社交媒体行动主义指南》。

9.欢迎和接受反馈

很少有人能在第一次尝试时就把事情做对，这就是为什么要对反馈持开放态度，并在犯错时承认错误。

我们很抱歉在没有支持视力障碍者、聋哑人或听力障碍者的情况下测试语音推文。 在没有这种支持的情况下推出这项实验是一种失误。

无障碍环境不应成为事后的考虑。 (1/3) //t.co/9GRWaHU6fR

- 推特支持（@TwitterSupport）2020年6月19日

促进与你的社区进行安全和积极的对话。 提供联系方式、反馈表或提示，告诉你的受众在哪里可以分享他们的想法。 正如谷歌的高级交互设计师卡拉-盖茨所说，"如果你想改变世界，你必须包括它"。

计划经常进行测试和迭代。 利用Color Oracle等工具来模拟色盲。 大声阅读alt-text-或者更好的是，使用屏幕阅读器或其他类型的辅助技术来测试你的内容。 以下是一份有用的工具的完整清单。

社交媒体无障碍工具

WAVE浏览器扩展

网络可及性评估扩展程序可在Chrome和Firefox上使用，以评估您的网站及其内容的可及性。

海明威编辑

用Hemmingway Editor来确保你的文案的可读性。 争取达到8级及以下，以符合WCAG标准。 可读性测试工具是另一个选择。

微软可访问性检查器

微软在Outlook、Excel和Word中都有一个内置的无障碍工具。 微软的包容性设计手册还提供了关于包容性设计主题的视频和可下载的小册子。

线程阅读器应用程序

这个Twitter机器人在平台上展开线程，以便人们可以更容易地阅读它们。 要提示该应用程序，只需标记它并在回复有关线程时写下 "unroll"。

图片 Alt 文本和 Alt 文本阅读器

在回复带有图片的推文时，标记@ImageAltText或@Get_AltText，以触发这些Twitter机器人。 如果有的话，它们会以alt文本进行回应。

呼叫中心

用Cliptomatic自动为你的Instagram Stories、TikTok视频和Snaps添加标题。

对比度应用

如果你使用Mac，Contrast应用程序是一个符合WCAG标准的对比度检查器。 这个应用程序的一个很好的特点是，它允许设计师在选择颜色时检查他们的对比度分数。 这个应用程序的创造者甚至提供一个简化WCAG标准的指南。

对比度检查器

对比度检查器可以让你拖放特定的图片进行对比度检查，这是在将资产上传到社交媒体之前要做的一件好事。

彩色甲骨文

为了确保你没有单独使用颜色来传递信息，请使用免费的色盲模拟器。 这个开源工具可用于Windows、Mac和Linux。

颜色安全

如果你需要帮助找到一个能提供足够对比度并符合WCAG准则的调色板，请使用Color Safe。

背景图片上的文字a11y检查

这个图片上的文字可及性工具可以帮助你根据颜色对比来确定文字的可读性。 使用Facebook的图片文字检查工具来确定你的图片上是否有太多的文字。

你描述一下

YouDescribe，由Smith-Kettlewell眼科研究所提供，允许志愿者为YouTube视频创建描述性音频。 只需复制并粘贴YouTube网址到搜索栏，然后点击创建/编辑描述即可开始。

67%的收藏

作为#SeeThe67%活动的一部分，Refinery29与Getty Images合作，提供以大尺寸女性为主题的图片。 也请看No Apologies Collection，这是合作的延续。 Dove也与Getty合作，通过Show Us系列打破了美容方面的陈规。

性别谱系集

Vice鼓励媒体通过这个图片集 "超越二元"。

残障人士系列

全球无障碍意识日，Getty Images、Verizon Media和国家残疾人领导联盟（NDLA）联手，用这个目录重新描绘残疾人。 Brewers Collective还与Unsplash和Pexels一起创建了目录。

颠覆老化系列

在这个由AARP和Getty创建的集合中，可以看到超过1400张打击年龄歧视偏见的图片。

Aegisub

Aegisub是一个免费的开源工具，用于创建和编辑字幕。 你也可以用这个工具来创建视频的转写。

提要

利用Mentionolytics追踪你在社交媒体和网络上的品牌提及情况。 这个工具是一个很好的方式，可以显示并回应问题和反馈，无论你是否被@过。

网站内容可及性指南（WCAG）2.1

这些建议为无障碍网络和社交媒体体验制定了行业标准。

Vox产品可访问性指南

这些准则为设计师、编辑、工程师等提供了一个互动的检查表。

使用SMMExpert从一个仪表板管理您的所有社交媒体渠道。 轻松地安排和发布您所有的包容性设计的社交媒体帖子，与您的追随者互动，并跟踪您的努力的成功。 今天就免费试用。

开始吧