如何创造包容性的内容,以欢迎更广泛的观众

学习如何处理创建包容性内容的三个关键方面:易访问的网页设计,包容性的写作和多样化的图像。

没有发现物品。

包容性内容是对公平的承诺。这意味着为更多人提供更安全的体验。这不是你凭一项行动或意图就能获得的荣誉徽章——这是一项持续的、有意的努力。

就像所有正在进行的努力一样,它也会有挑战、错误和缺点。举个例子:我们不可能在一篇文章中涵盖包容性写作和设计的所有方面。相反,在这篇文章中,我们将关注网络上包容性内容的关键元素。

易访问的网页设计

包容性写作的一个核心部分是可访问性.你网站上的一切——从导航到文本以及介于两者之间的一切——都应该让尽可能多的人能够访问。

如果你的网站设计阻止人们阅读,那么你的包容性写作努力就不会有多大的影响力,所以让我们从文本开始。

  • 确保屏幕阅读器能够与站点上的每个页面进行交互.有视力障碍和学习障碍的人通常依赖屏幕阅读器使书面内容可消费。使用以下工具测试您的站点Assitiv实验室NV访问个人电脑,或画外音mac电脑。
  • 不要跳过添加Alt文本在你的形象上。屏幕阅读器依赖alt文本来描述视觉内容。
  • 为视频添加字幕也很重要-不仅适用于聋哑人和重听人,也适用于感官过载的人。这样的工具Kapwing使添加标题变得容易。
  • 键盘导航是您在构建站点时要记住的另一项辅助技术。确保您的网站可以通过键盘导航——手动或通过语音命令——允许任何行动受限、颤抖、视力障碍等的人在不依赖鼠标的情况下导航您的网站。测试键盘导航的最好方法是自己尝试——下面是如何做的在Mac上而且在Windows中
  • 设计元素的过度运动会分散注意力,甚至对患有前庭神经障碍、癫痫、光敏反应和注意力缺陷多动障碍的人有害。如果使用动画,请包含运动警告并提供禁用移动元素的选项。

避免使用颜色作为传达信息的唯一方式——比如把链接上的文字保持蓝色,然后去掉下划线——因为每个人看颜色的方式都不一样。

Webflow的可访问性

了解我们对网页可访问性的承诺,以及如何构建更可访问的在线体验。

订阅成为Webflow内部人士
谢谢你!您现在已经订阅了!
哦!订阅时出了问题。
了解更多

包容的写作

现在,您已经了解了文本的表示方式,接下来是时候关注您编写文本的方式了。

语言是不断发展的,这就意味着包容性写作也会随之不断变化。但影响你的写作的包容性(或排他性)的主要因素取决于三个主要因素:语言、参考文献和格式。

包容性的语言

除了正确使用代词之外,包容性语言还有很多其他方面的内容。虽然这一点也非常重要,但真正的包容性写作能培养一种归属感,大大减少你对与你的内容互动的人造成伤害的几率。你如何表达事物,你所使用的参考资料,甚至你所使用的口语都比你想象的更有影响力。

在制作内容时,请记住以下指导原则:

避免使用性别语言

像“女士们、先生们”、“人类”和“女商人”这样的词汇和短语是不必要的性别化和排斥性的。把这些词换成中性的替代词,比如“乡亲”、“人类”和“商务人士”。

不要使用带有负面含义的词汇

我们很容易陷入一些看似无伤大雅但实际上源自有害的历史事件和信仰的短语。例如,“黑名单/白名单”依赖于种族歧视的隐喻,“盲点”指的是与视力有关的残疾,“womxn”一词最初是为了有意排斥跨性别女性而创造的。

在使用习语和特定能力的行动呼吁之前要三思

与上述相似,许多习语是有害的和排他性的。例如,“这太疯狂了”指的是精神和精神上的残疾。常见的行动呼吁(cta),如“看到这个”或“收听”,排除了有相关残疾的人。

通常情况下,最简单的表达包容性的方法就是具体表达。说“阻止/允许”而不是“黑名单/白名单”。用“闻所未闻”来代替“疯狂的”。邀请人们“探索”你的服务,而不是“看到”他们。

看看我们自己的包容性写作指南为了一个不断发展的列表,更多的术语要避免,为什么,以及他们的替代方案。

不同的引用

没有人喜欢置身于内部笑话之外,那些让人猜测或感到被排斥的参考文献也一样。

跳出西方的思维模式。当你过分依赖单一文化的参考资料时,不仅会把人排除在外,还会造成混淆。以“火鸡赛跑”为例。如果你在美国长大,这些词可能会让你想起感恩节前后的5公里。但如果我告诉你,在波多黎各,火鸡赛跑(carrera del pavo)是人们的传统呢为赢得一只真正的(冰冻的)火鸡而赛跑?同样的话,两个不同的事件。而感恩节和相关的火鸡传统也不会真正引起北美以外地区的人的共鸣。

也要确保你的例子多样化。在你的例子中只使用像“John Smith”和“Jane Doe”这样的名字,就相当于那些没有不同名字的纪念品名称钥匙链。为什么不是Sade, Asim, Fatima或者Tâm?如果你不确定这些名字适用于哪个性别,那就更好了——例子也不应该依赖于性别。

易于理解的写作和格式

包容性写作还意味着格式化你的内容,使尽可能多的人能够阅读。

Skimmable文章可以改变阅读障碍、注意力缺陷多动障碍或学习障碍患者的游戏规则。事实上,它不仅对搜索引擎优化,但强烈推荐阅读理解技巧.您可以使用一些格式使您的内容更容易浏览,如块引号、清晰的标题和项目符号列表来分隔大块的文本。

请记住有些字体比其他字体更容易理解由于各种因素,如字母间距、对齐、字体大小和字母相似度。San serif和slab serif字体通常比更复杂或华丽的字体更能平衡这些因素。检查我们的字体无障碍课程更多指导。PS:不要用Comic Sans字体开玩笑,这是其中之一更可读的字体为那些有阅读障碍的人。

多样化的图像

当人们在图像中看到自己的形象时,不仅会让他们觉得自己被看到了,还会让他们觉得自己有能力。代表有权说:像你们这样的人已经在做这件事了——他们属于这里,你们也属于这里。

缺乏多样化的图像传达出相反的信息。一位科学、技术、工程和数学(STEM)教育者解释说缺乏多元化的代表在STEM课程材料中,会导致学生认为他们不属于这个领域。

让你的内容包含不同文化和背景的人的照片。跳出传统的家庭单元,寻找与各种能力、演讲和身材的人一起拍照。

这里有一些不同的库存照片的资源:

请记住,包容性意味着帮助人们感觉他们属于任何他们想去的地方,而不仅仅是别人想象的地方。确保你不仅要让人物多样化,还要让他们所处的环境、工作和参与的活动多样化。

包容性内容的努力永远不会结束

当我们为网站制作内容时,我们会始终遵循本文中的原则——我们鼓励您也这样做。

记住,包容性内容并不是要让每个人都爱上你的工作,而是要给他们一个平等的机会来决定他们是否想要这样做。

发表

2021年10月13日

类别

资源

加入对话

Webflow是什么?

免费试用
关于设计师的更多信息

设计师

视觉画布中CSS、HTML和JavaScript的强大功能。

的相互作用

建立网站交互和视觉动画。

关于交互的更多信息

CMS

定义您自己的内容结构,并使用真实数据进行设计。

更多关于CMS的信息

电子商务

再见模板和代码——可视化地设计你的商店。

更多关于电子商贸

编辑器

在页面上编辑和更新站点内容。

关于编辑器的更多信息

举办

只需几次点击就可以设置闪电般的托管。

关于托管的更多信息
Baidu
map