足球比赛结果致力于让每个人都可以使用我们的数字通信。 这些指南旨在帮助 MTU 社交媒体管理员 (SMA) 确保其内容 符合无障碍标准。
为什么社交媒体无障碍很重要
遵循美国残疾人法案 (ADA) 和网络内容无障碍 准则 (WCAG) 确保我们满足法律要求。它扩大了我们的影响范围 内容并确保所有受众都能充分参与。
图像的替代文本
什么是替代文本?
替代文本是替代文本的更简短表达方式,替代文本是对某个内容的书面描述 使用屏幕阅读器的人的图像。它应该简洁但具有足够的描述性 传达关键信息。
替代文本的最佳做法
- 简洁但信息丰富(不超过 125 个字符)。
- 描述图像的内容和上下文。
- 避免说“图像”或“图片”。
替代文本最佳做法示例
不要使用“校园内学生的形象”,而是使用“学生走在密歇根州前面” Tech 的哈士奇雕像。”
带有文本或图形元素的图像
如果图片包含文本或重要的图形元素,则应包含该内容 在替代文本中。
图像中的文字
如果图片包含重要文字(例如引言、活动详细信息),请提供完整的文字 替代说明中的文本。
示例
获取带有文字的宣传图片:“加入我们,参加冬季嘉年华,二月 8-10,”使用替代文字,例如:“加入我们的冬季狂欢节,2 月 8-10 日,有冰雕 和冬季运动。”
如何在社交媒体上添加替代文本
许多社交媒体平台现在允许其内容创作者添加替代文字 他们发布的图片:
复杂的图形或图表
提供关键信息或发现的简明摘要,尤其是图表 或图表。
示例
对于显示部门资金分配的饼图,替代文本可以是:“饼图 图表显示 40% 的资金用于研究,30% 用于教育,20% 用于外展,10% 用于管理。”
如果图像过于复杂而无法在替代文本中简洁描述,请包括 简短的替代文本描述并提供指向更详细描述的链接。
视频隐藏式字幕
为什么要使用字幕?
字幕使有听力障碍的人和那些 谁更喜欢消费没有声音的内容。
字幕最佳实践
- 永远提供准确的字幕,不仅仅是自动的。
- 包括所有口头对话和相关声音(例如[笑声]、[掌声])。
- 使用标点符号和大写字母以提高可读性。
没有音频或音频很少的视频
对于没有音频或音频极少(例如背景音乐)的视频,需要提供描述性信息 需要成绩单以确保可访问性。根据 WCAG 指南,这 内容类型被称为“仅视频”。成绩单应描述任何 出现在视频中但不通过音频传达的视觉元素或文本。 如果视频包含未大声朗读的文本,这一点尤其重要。
更多详情,请参阅.
如何向社交媒体添加或上传字幕
如果您打算将视频上传到 YouTube,则可以使用其内置。您还可以使用第三方字幕服务,例如或.
为您的视频添加字幕后,SRT 字幕文件就可以上传到大多数社交媒体 媒体平台 - 以及视频文件:
- (仅在计算机浏览器中可用)
- (付费帐户可以使用自动字幕转录)
- (仅适用于 Android、iPad 和 iPhone)
主题标签的使用
为什么标签无障碍很重要
屏幕阅读器读取的主题标签不带空格,因此很难理解 格式不正确。
话题标签的最佳做法
将每个单词的第一个字母大写(驼峰式命名法)以提高可读性。
示例
#MichiganTechHuskies,而不是#michigantechhuskies。
限制主题标签的数量以避免混乱。
描述性链接和网址
什么使链接可访问?
链接应该让用户了解他们将被定向到哪里。避免通用短语 比如“点击这里。”
链接的最佳做法
- 对超链接使用描述性语言。
- 示例:不要使用“点击此处了解更多信息”,而是使用“有关技术研究的更多信息”。
- 缩短长网址,并包含有意义的上下文。
避免在图像上添加文字(如果可能)
为什么这很重要
屏幕阅读器无法读取图像中嵌入的文本,这可能具有挑战性 对于那些有视力障碍的人。
最佳实践
- 使用文本叠加而不是在图像中嵌入文本。
- 如果文本必须是图片的一部分,请在帖子说明中提供相同的文本 或替代文本(有关说明,请参阅图像部分的替代文本).
颜色对比度和可读性
为什么对比度很重要
颜色对比影响有视力障碍(包括色盲)的人的可读性。 有关印刷和数字资产可访问性标准的更多信息, 请通过电子邮件联系 UMCumc@mtu.edu.
对比度的最佳实践
- 确保文本和背景颜色之间的高对比度(例如,浅色文本上的深色文本) 背景)。
- 始终确保颜色和类型之间有足够的对比度。对于黑色和 白色类型,请使用以下组合作为指导。
- 避免仅依靠颜色来传达含义(例如,不要使用红色来表示重要性 没有额外的指标)。
- 如果对正确的色彩对比度有疑问,请联系 UMC 或使用免费的 色彩对比分析工具。
推荐的免费色彩对比度分析工具
主要品牌调色板
查看足球比赛结果的完整风格指南了解有关我们品牌的更多信息。
足球比赛结果的官方颜色是黑色和金色。

经前综合症 116CMYK:0/18/100/0RGB:255/206/0十六进制:#ffcd00

黑色CMYK:0/0/0/100RGB:0/0/0十六进制:#000000
辅助调色板
辅助调色板在处理出版物时提供了额外的选项。 这些颜色确保大学出版物拥有一个有凝聚力和统一的主题。

PMS 7549 CCMYK:0/36/100/0RGB:251/173/24十六进制:#fbad18

经前综合症 423CMYK:48/39/39/4RGB:138/140/140十六进制:#8a8c8c

PMS 310 CCMYK:66/0/26/0RGB:62/192/197十六进制:#3ec0c5

PMS 717 CCMYK:0/70/90/10RGB:220/102/45十六进制:#dc662d
可用的颜色组合

|
背景颜色 |
文字颜色 |
|---|---|
|
黄色 |
黑色 |
| 黑色 |
|
| 橙色 | 黑色 |
| 氧化铜 | 黑色 |
| 铜 |
|
| 灰色 |
|

|
背景颜色 |
文字颜色 |
|---|---|
|
黄色 |
黑色 |
| 黑色 |
|
| 橙色 | 黑色 |
| 氧化铜 | 黑色 |
| 铜 | 黑色 |
| 灰色 | 黑色 |
简单语言
什么是简单语言?
使用简单、直接的语言可以让所有用户更容易理解您的内容, 包括那些有认知障碍的人。
简单语言的最佳实践
- 使用短句和常用词。
- 避免使用行话,或在必要时定义技术术语。
表情符号的使用
为什么要谨慎使用表情符号?
屏幕阅读器会读出每个表情符号的名称,这可能会扰乱 使用屏幕阅读器或其他辅助技术的人。
表情符号的最佳实践
- 谨慎使用表情符号。
- 将它们放在句子末尾而不是句子中间。
- 避免使用不必要地朗读的表情符号字符串。
屏幕阅读器的表情符号和不断演变的含义
表情符号通常带有情感或文化含义,这些含义会随着时间的推移而演变,具体取决于 关于社会如何使用它们。这种可变性给屏幕阅读器带来了挑战 准确传达预期的语气,尤其是当表情符号的含义发生变化时。

例如,指甲油表情符号可以用来表达放松、时髦、 或漠不关心,具体取决于上下文。但是,屏幕阅读器只会读取 这个表情符号是“指甲护理”,而不解释其隐含含义。
因为表情符号可以有多种解释,尤其是在不同世代之间 或平台(如 Instagram),它们的含义可能并不总是对所有受众来说都清楚。 在一个群体中可能表明自信或漠不关心的东西可能会被误解 其他的,导致屏幕阅读器用户感到困惑。留心很重要 了解表情符号的使用方式并考虑其不断变化的含义以确保您的内容 对所有用户来说都是包容且清晰的。
表情符号百科 Unicode 说明
Emojipedia 是世界第一的表情符号参考网站,提供最新且经过深入研究的表情符号参考网站 信息。他们也是 Unicode 联盟的成员。联电社交团队 经常参考Emojipedia的表情符号描述来了解更多关于表情符号的含义 以及围绕表情符号的文化背景。
当您不确定表情符号的含义时,请谨慎行事。 您需要发布特定的表情符号吗?还有其他适合的表情吗 在这种情况下更好吗?
测试您的内容的无障碍性
为什么测试很重要
在发布之前测试您的内容以确保其符合无障碍标准。
测试辅助功能的工具
对于测试对比度和替代文本很有用。
屏幕阅读器
使用 VoiceOver (iOS) 或 TalkBack (Android) 等内置屏幕阅读器来查看帖子。
社交媒体平台工具
使用内置的无障碍功能(例如 Facebook 的无障碍功能)。
持续学习和改进
保持更新
无障碍标准不断发展,足球比赛结果致力于 保持合规性和包容性。
继续学习的资源
让社交媒体内容易于访问是一项共同的责任。通过遵循这些 最佳实践,足球比赛结果的 SMA 可以帮助确保所有个人都享有公平的 经验。
如果您对社交媒体无障碍功能有疑问,请联系social@mtu.edu.