可访问性

内容管理可访问性指南和最佳实践

以下是一些遵循WCAG 指南的通用可访问性指南,可帮助您管理您的网站内容。查看我们的博客文章,了解有关可访问性最佳实践的更多信息。

可访问的标题

屏幕阅读器需要能够传达页面或页面内部分的上下文。

  • 在 H1 标题中使用描述性语言:标题 1 又名 H1 又名“页面标题”应该是页面的主题,而不是营销术语或行话。
  • 使用唯一的 H1 标题文本:不应在网站的其他页面上使用相同的 H1。
  • 每页仅使用一个 H1:H1 将页面主题告知工具。
  • 一般使用标题来强调内容:使用其他标题(H2、H3、H4、H5、H6)来突出和进一步强调页面内容。
  • 按顺序使用标题:标题标题应按 H1 顺序排列>H2> H3> H4> H5> H6。

可访问的链接

屏幕阅读器需要能够传达链接背后的上下文。

  • 在链接中使用描述性语言:文本链接不应该说“阅读更多”和“了解更多”——向访问者描述结果页面将给他们什么
  • 在整个内容中链接到网站的其他有用页面:允许访问者快速寻找其他信息。
  • 链接应该看起来不同并且从内容中脱颖而出:除了使用颜色之外,使用箭头“→”或胡萝卜“> ”或下划线以进一步向访问者强调该文本是一个链接。 这会在您的设计中考虑,因此请务必遵循我们的样式指南和提供的页面块模板。
  • 使用图像作为链接时:不要简单地使用图像作为链接。 图像应辅以文字以帮助强调链接。
  • 避免对所有链接使用相同的链接文本:确保具有相同名称的链接指向相同的目的地。

可访问的图像

盲人用户看不到图像,盲人用户使用的屏幕阅读器也看不到图像。

  • 避免包含文本的图像:屏幕阅读器无法读取图像,因此图像不应包含有价值的文本或页面上不可用的信息。
  • 图像应包含替代文字:用于装饰以外的其他方式的图像应包含替代文字来描述图像,以便屏幕阅读器可以告知用户图像的内容(例如,女性在办公桌前使用电话)。
  • 图片替代文字说明:图片替代文字应描述图片且不应使用特殊字符。
  • 避免在替代文本中填充关键字:替代文本不是加载目标关键词的地方。 虽然偶尔可以使用关键词,但不要在每张图片上都使用它。
示例替代文本

无障碍视频

  • 付费工具通常提供更多的灵活性和功能,包括隐藏式字幕和视频转录。 使用第三方托管视频工具的付费或专业版。
  • 提供指向页面的链接,并在所见即所得的页面上转录完整的视频。
  • 不要自动播放音频。

其他可访问的内容提示

  • 始终在您网站的页脚中包含指向站点地图的链接。
  • 确保项目符号列表实际使用项目符号列表格式。
  • 在表格上提供明确的说明。
  • 确保表格不会太长,并且每个字段都有一个描述性标签。
  • 在包含可访问性声明的页脚中包含一个页面。
  • 使用简单、简洁的语言,并解释任何含义不明确而没有发音的缩写词或单词。
  • 确保 PDF 和其他可下载文件可供访问。
  • 制定计划返回已迁移到新网站的旧内容页面,并确保您遵循可访问性最佳实践。

可访问的测试工具

如果您遵循我们在整个项目中概述的最佳实践,那么您的内容应该是可访问性测试的好兆头。 可以肯定的是,您始终可以使用这些工具来测试您创建的每个页面:

持续支持

您的组织是否正在提高他们的 Web 可访问性要求? 您在法律上有义务做更多事情或报告您的网络可访问性标准吗? 联系支持– 我们可以安排与我们的战略家进行对话,讨论让 Orbit 参与审计的情况并为您提供估算。

其他