使用指南/编辑您的网站/站点设置/提高您站点的无障碍性

提高您站点的无障碍性

无障碍网站旨在包容尽可能多的用户,包括依赖辅助技术浏览网络的残障人士。本指南将向您展示如何确保网站的无障碍性。

网络研讨会:构建无障碍网站

此视频为英文内容。
YouTube 提供自动翻译功能,帮助您以母语观看:

开启自动翻译字幕的方法:

  1. 播放视频。
  2. 点击视频右下角的 ⚙️ 设置 图标。
  3. 选择 字幕/CC
  4. 选择 自动翻译
  5. 从列表中选择您的首选语言。

使用自动配音(实验功能)的方法:

  1. 点击 ⚙️ 设置 图标。
  2. 选择 音轨
  3. 选择您想收听的语言:

ℹ️ 翻译和配音由 Google 自动生成,可能不够准确,且自动配音功能仍在测试中,暂未向所有语言开放。

提高您站点的无障碍性

在创建网站时,您可以采取一些操作来确保内容的无障碍性。

在图片上使用替代文本

并非您网站的所有访客都可以看到您的图片。部分视障人士使用称为屏幕阅读器的工具来浏览网页。

为协助视障人士,请添加替代文本(通常称为替代文本),描述图片中显示的内容。

在 WordPress 编辑器中,您可以在“图片”区块“图库”区块“封面”区块以及“媒体和文本”区块的设置中添加替代文本。

搜索引擎爬虫也会读取替代文本以识别图片内容,因此替代文本还具有改善 SEO 的附加优势。

“图片”区块上的替代文本设置。

编写描述性图片说明

当您插入图片时,请考虑撰写图片说明来提升所有用户的阅读体验,特别是对于无法看到图片的视障用户而言。

您可以发挥创意来撰写图片说明。替代文本应更注重事实描述,而图片说明则有助于传达图片的情感

例如,与其撰写“我的儿子在荡秋千”,不如尝试这样表达:“我儿子正在他最爱的秋千上玩耍。在这个美好的春日里,他脸上洋溢着纯粹的快乐。如此完美的瞬间。”

在您的文本中添加链接时,使用描述性链接文本会很有帮助。例如,“点击此处”不如“联系我”有说明性。

使用适当的标题

在您的页面和文章中充分使用标题,以便读者更轻松地浏览您的内容(特别是在内容篇幅较长的页面中)。

使用标题时,您会注意到每个标题都有 1 到 6 的级别。如果您插入的标题层级不正确,系统将在页面大纲中突出显示该标题,以便您进行修正。要查看页面大纲,请打开列表视图,然后选择“大纲”选项卡:

图片显示了用于突出显示错误标题层级的大纲工具。
大纲突出显示了使用有误的标题层级。在此示例中,H2 最为合适。

谨慎选择字体与颜色

避免使用会导致您站点难以阅读的字体样式和字号。此外,请注意颜色对比度,即文本深浅与背景明暗之间的差异。

当检测到选择的颜色对比度不足时,颜色设置将显示一条警告消息:

颜色设置会显示为文本和背景选择的两种相似蓝色调,以及由此引发的对比度警告。
如果您选择的颜色对比度不足,编辑器将向您发出提醒

为多媒体内容添加文字转录稿

如果您的站点包含视频音频内容,请考虑添加隐藏字幕或附上文字转录稿(记录屏幕上出现的语音、声音和动作)。

最好不要自动播放视频和音频内容,但如果无法避免,则应在页面上清晰显示用于暂停或调节音量的选项。

无障碍主题

WordPress.com 致力于确保我们的所有主题均具备无障碍性。然而,某些主题可能包含额外功能,这些功能会增加站点的复杂性,从而影响某些方面的无障碍性。

如果这点令您特别在意,您可在此处查阅我们已进行无障碍测试的主题:无障碍就绪主题。如果您不确定该选用哪个主题来创建无障碍站点,此处的主题均可作为可靠之选。

无障碍指南

在 WordPress.com,我们致力于实现尽可能广泛的包容性与无障碍性。在构建新功能和主题时,我们会遵循网页设计标准与最佳实践。随着网络技术的不断发展,我们一直在探寻新的方法来解决特定的问题。

尽管我们致力于使 WordPress.com 完全无障碍,但遵守《美国残疾人法案》(ADA)508 法案等特定法规最终还是网站所有者的责任。我们提供无障碍平台,但网站的无障碍性取决于站点所有者及其对本页面无障碍提示的认知程度。

您可以使用 WAVE 网页无障碍工具等工具来测试特定主题是否符合这些准则。对于要求 100% 合规的站点,我们建议您使用主题的演示页面(如 Twenty Twenty-FourTwenty Twenty-Five)来测试所选主题。

Copied to clipboard!