作为演讲者，在会议上提高无障碍性的十个方法

最初发布于www.a11ywithlindsey.com。

嘿，朋友们！婚礼筹备工作开始升温了，还有五个月就要开始了。我刚开始写博客的第二年，对自己的写作计划可是雄心勃勃。我估计现在比六个月前多了不少空闲时间。但我没把婚礼和其他目标的时效性考虑进去。哎呀。这个博客还在建设中，就像我一样。

总之，大约一个月前，我在 a11yTO 大会上做了演讲。这是我好久以来第一次发言。这让我回想起自己在网络之外学到了多少无障碍知识。在无障碍会议上发言迫使我反思自己的发言倾向。例如，我紧张的时候容易忘词。我想确保自己不会因为紧张而无意中把别人排除在外。所以我练习了好几次演讲。我认真思考了所有可能被排除在外的发言内容。我甚至犯了一些错误，以后会改正的。

以下是我过去一个月学到的 10 条建议。

用代词介绍自己

我预见到代词将成为标准的未来。我一直在尽可能多地添加我的代词。我把它添加到了我的电子邮件签名和推特账号上。直到我最后一次发言时，我才想到：“为什么不把它添加到我的演讲幻灯片里呢？”

然而，仅仅在幻灯片上写上代词是不够的。用代词介绍自己至关重要。以下是我尝试采用的格式：

嗨！我是 Lindsey Kopacz。我的代词是她/她。今天我们将讨论[插入演示文稿名称]。

簡單且包涵！

创建可读的缩短链接

每当我链接到任何内容时，我都会确保使用 bit.ly 创建一个缩写版本。但是，“bit.ly/37oSXR”这种格式并不理想。你知道吗，如果你有 bit.ly 的免费账户，就可以自定义链接名称。

以下是如何开始：

1. 前往bit.ly网站并免费注册。
2. 登录并设置完成后，前往您的信息中心
3. 在右上角，点击“创建”
4. 在粘贴 URL 字段中输入您的链接。
5. 创建链接后，前往“自定义后半部分”字段。在“bit.ly”后输入您的自定义网址！（请注意，除非付费，否则无法自定义域名）
6. 按保存并复制！

前：

之后：

瞧！就这样！

当您添加此链接的视觉文本时，请不要添加http://。它看起来不美观，而且当您的用户没有它时，它不会影响您的链接！

只提供链接是不够的。一定要亲自阅读。不要说“这是链接，如果你想看看的话”。相反，应该这样说：

“如果您在计算机上更容易跟进，链接是 bit dot LY slash Testing dash Out dash BITL Y。”

我稍后会详细讨论语音。但实际上，说出你的链接至关重要。这有助于那些看不到你幻灯片的人。

在开头添加幻灯片链接

现在您有了自定义链接！所以，您介绍完之后的第一张幻灯片就是您的幻灯片链接。如果有人喜欢使用辅助技术浏览您的幻灯片，他们也可以。

另外，对于那些跟不上进度的人，如果他们错过了什么，可以先看看幻灯片。比如，我患有注意力缺陷多动障碍，有时需要重读某些内容才能理解其中的信息。

另外，有时在所有幻灯片上都包含链接会很有帮助（当然，要以一种不显眼的方式）。这样做的话，你不需要在每张幻灯片上都读出来，只需在第一张幻灯片上读出来即可。

拼写缩写，尤其是链接

我们不想假设别人知道我们使用的缩写的拼写。我们也不想假设别人会根据我们对某个不常用词的发音来理解它。

我的很多 bit.ly 文件里都包含“a11y”这个词，我在一次演示中错误地把它念成了“ally”。即使在无障碍会议上，观众又怎么知道我说的不是“ally”呢？我应该念的是“A eleven Y”。

为了更进一步说明必要的信息（例如链接），我可以确保所有内容都清晰地表达出来。那么，让我们重写一下我在本节中如何声明链接：

“如果您在计算机上更容易跟进，这里有拼写正确的链接：BIT dot LY slash TESTING dash OUT dash BITL Y。”

另外，需要注意的是，在执行此操作时，请确保发音清晰且说话缓慢。

在幻灯片（和代码示例）上具有适当的对比度！

您是否曾经在观看演示文稿时，看不清幻灯片上的内容？您需要比网站更认真地考虑对比度。考虑到眩光和荧光灯，您的幻灯片可能会显得模糊不清。

有时候“漂亮”的幻灯片并非最佳的对比效果。我更希望人们能够阅读我的内容。我开始尝试采用我的博客主题，并将这些颜色用于幻灯片。这样，它既非常“符合品牌形象”，又能形成鲜明的对比。

我要说的是，我见过最严重的问题就是有人直接查看代码示例。你检查过你的 VSCode 主题的对比度吗？你的 CodeSandbox 主题呢？

很多代码主题的对比度都很糟糕。比如，我用的是Dracula At Night VSCode 主题。虽然大多数颜色对比度都很好，但注释只在大文本的情况下才显示。通常，如果你使用 VSCode 主题，他们会提供一个 Github 仓库，里面会列出所有颜色。如果 README 里没有，通常也会在代码仓库的某个地方。我在这个TypeScript 文件中找到了我的。

因此，下面的橙色、绿色和蓝色文本与我的代码主题具有可访问的对比度（注意：我使用 WebAim 的对比度检查器来检查对比度）：

但我认为，对于向观众传达我正在做的事情至关重要的评论却不是：

从技术角度来看，这些评论可以算作大号文本。但在有眩光的屏幕上，效果会怎样呢？

如果您不使用 VSCode 而是使用CodeSandbox，请测试一下主题。写一些注释和代码，然后使用 wave 工具或 Google Dev Tools 来检查对比度。我始终使用 CodeSandbox 的高对比度主题。

清晰的替代文本

我非常欣赏在替代文本中展现描述性和创意。我最早的一篇博客文章就是关于如何撰写重要的替代文本。很多时候，我们会在演示文稿中使用图片作为视觉辅助。它们很有趣，也有助于叙事。但是，如果只展示图片而不加评论，就会将视障受众排除在外。

所以，在你不加评论地展示你的动图或表情包之前，请先清晰地表达出来。你为什么要把它放在你的演示中？你是不是在发布一个动图来表达你对客户说话的恼怒？描述一下这个动图的作用，并说明它是你感受的隐喻。

避免使用模糊的词语

我倾向于使用模糊的词语，而不是清晰地表达我的意思。我会指着屏幕上的项目说，“我们在这里做这个”或“这意味着什么”。我也一直在努力提高写作中的用词。

我挑战自己问自己：“这是什么？”或者“这是什么？”现在我唯一使用“this”的时候就是在引用 JavaScript 的时候this。但即使在那时，我也会确保向我的读者解释清楚它的用法。

Gif 前的内容警告

在我关于“减少动感”的博客文章中，你会了解到过多的动画可能会带来问题。某些GIF动画会导致前庭功能障碍患者出现头晕和眩晕。

正因如此，我在推特上经常看到一些动图，这让我很烦。在发布包含动图的幻灯片之前，请先发出内容警告。

不要使用太多的幻灯片动画

大多数幻灯片动画都是不必要的。人们来听你的演讲是因为他们想听你说话。他们来不是因为想看花哨的幻灯片动画。

如果您想减少动作，我会选择淡入淡出动画而不是滑动动画。

确保会议可以访问

我们对会议本身并非拥有最佳掌控力。但作为演讲者，我们拥有独特的影响力。我的意思是，如果没有演讲者，会议组织者就无法举办会议，对吧？如果会议是为了盈利，运用你的影响力就尤为重要。我不像以前那样经常发言了。但现在，当我发言时，我感觉自己可以做到精益求精。Tatiana Mac 的《演讲者骑士》（Speaker Rider），尤其是会议后勤部分，给了我很大的启发。

如果会议说他们无力承担，我想知道：

• 他们在庆祝活动中提供开放式酒吧吗？
• 他们是否有不必要的赃物？
• 他们有随机赠品吗？
• 他们的票多少钱？这是免费会议吗？
• 有没有免费的方式可以让活动更容易参与？

以下是我见过的一些包容性会议示例：

• 现场会后活动或前往活动的交通便利
• 转录员或手语翻译员（或两者兼有）
• 到处都是坡道
• 演讲台的替代品
• 电梯

结论

我之前说过，现在再重复一遍。无障碍与编码无关（尽管这篇博客主要讨论的是编码）。无障碍关乎人。无障碍关乎包容和保护少数群体。希望这些建议能帮到你！欢迎告诉我你有什么建议！

保持联系！如果你喜欢这篇文章：

• 在Twitter上告诉我，并和你的朋友们分享这篇文章！另外，如果你有任何后续问题或想法，也欢迎随时在 Twitter 上给我留言。
• 在Patreon上支持我！如果您喜欢我的作品，可以考虑每月捐赠 1 美元。如果您捐赠 5 美元或更高，您将可以对以后的博客文章进行投票！我每月还会为所有赞助人举办“问我任何问题”活动！
• 抢先了解我的帖子，了解更多无障碍趣味！

干杯！祝你度过愉快的一周，如果你在美国，也祝你假期愉快！