提高 WordPress 电子学习网站中课程的可访问性:最佳实践和工具

已发表: 2023-07-01

电子学习课程和网站需要可供所有人访问,包括残疾人。 这就是为什么需要考虑一系列工具和技术来帮助解决可能阻碍某人学习在线课程的问题。

在本文中,我们将重点关注基于 WordPress 平台构建的电子学习网站,讨论 WCAG 2.1 等可访问性标准、使网站可访问的主题和插件以及进一步增强用户体验的评估工具。

借助这些最佳实践和工具,网站可以更具包容性,确保所有类型学习者的可用性。

网络可访问性的重要性

确保网络可访问性不仅仅是道德问题。 这也是一项法律义务。 由于许多电子学习提供商与大学、学院和政府项目合作,他们必须遵守严格的指导方针,以确保他们的服务具有包容性。 根据美国现行法律,联邦政府使用的所有电子技术必须可供残疾人士使用。

来源

此外,从电子学习网站的角度来看,它具有完美的商业意义,因为无法访问的网站可能会导致大量潜在客户将钱转移到其他地方。 许多患有残疾的人发现在舒适的家中在线学习更加方便,使该社区成为电子学习提供商的重要市场。

可访问性也是 Google 和其他搜索引擎的一个主要考虑因素,无法访问的网站通常在 SEO 或搜索引擎优化方面表现不佳。 轻松优化内容以实现可访问性是 WordPress 成为 SEO 最佳整体 CMS 的原因之一。

网页内容无障碍指南 (WCAG) 2.1

Web 内容可访问性指南 (WCAG) 2.1 详细介绍了许多使 Web 内容可访问的建议。 这些指南考虑了广泛的残疾,包括:

  • 视力受损
  • 失明
  • 光敏性
  • 听力受损
  • 耳聋
  • 言语障碍
  • 活动受限
  • 上述的组合
  • 还将考虑认知限制和学习障碍。 然而,仅会满足这些用户的部分需求。

为台式机、笔记本电脑、平板电脑和其他移动设备提供辅助功能建议,以确保网站和应用程序可通过所有媒体访问。 Web 开发人员可以参考 WCAG 2.1 生成的一系列文档,以确保满足必要的标准。 这些文件可以在这里找到。

WCAG 2.1 原则

WCAG 2.1的原则可以分为四个关键类别,即可感知、可操作、可理解和稳健。 这些原则重点关注一个人如何与内容交互。 例如,某些用户可能需要使用键盘而不是鼠标,或者可能需要使用语音命令来导航网站。

来源

以下是与每个原则的电子学习相关的多个最佳实践。

可感知的

  • 为非文本内容提供替代文本
  • 提供音频和视频的文字记录
  • 为视频提供字幕
  • 确保可以使用屏幕阅读器浏览内容
  • 不要依靠颜色来区分元素
  • 确保文本可以增加 200%,而不影响可用性
  • 确保没有文本作为图像嵌入

可操作

  • 确保所有内容都可以仅使用键盘进行导航
  • 确保移动内容可以轻松暂停或停止
  • 避免闪烁的内容
  • 使用描述性标题、标题、标签和链接描述
  • 提供明显且直接的导航

可以理解

  • 清楚地说明内容语言以及是否有替代方案
  • 对表单字段使用可见的描述性标签
  • 确保任何表单错误都清晰突出并且可以轻松纠正

强壮的

  • 创建 HTML 内容,以便辅助技术可以对其进行解释和解析
  • 允许辅助技术轻松识别用户界面组件及其不断变化的状态
  • 确保可以看到重要的状态消息和对话框并与之交互

提高可访问性的 WordPress 主题和插件

遵循核心原则和最佳实践来使 WordPress 网站易于访问是一个很好的开始,但电子学习平台可以通过专门构建的主题和插件来进一步改进,以提供最终的用户体验。

为电子学习网站构建的 3 个 WordPress 主题

1. 电子发光

您可以使用专为教育网站精心打造的 eLumine 主题创造美妙的学习体验。 利用许多旨在提高可访问性的插件,除了闪电般的加载速度之外,还可以将在线内容交付给任何人,无论其残疾程度如何。

2. i学院

这个适用于教育网站的优质 WordPress 主题创建简单且易于使用的页面,并包含一系列有用的插件。 iAcademy 具有响应式和视网膜就绪性,用户不需要任何编码知识即可构建功能齐全的电子学习平台。

辅助功能包括一系列排版选项、简单的导航以及自定义所有元素(从标题到页面转换)的能力。

3. 院士

Academist 是构建现代教育和学习管理系统以轻松呈现课程、课程和培训计划的绝佳主题。 简单直观的布局非常适合提供遵循网络标准的全面包容的网站。

辅助功能包括可自定义的图标、全屏菜单、大量的排版选项等等。

辅助功能包括无干扰的布局、干净有序的导航、可翻译的内容、900 多种字体选项、移动就绪的布局等等。

5 个 WordPress 插件来提高可访问性

以下是精选的推荐 WordPress 插件,可让您的电子学习网站更具包容性。

  • LearnDash – LearnDash 旨在使电子学习网站更加可定制且易于使用,是可用于微调教育网站的最佳插件之一。
  • WP-Accessibility – WP Accessibility 解决了一系列通常只能通过切换主题才能解决的辅助功能问题。 这包括向标准 WordPress 表单字段添加语言和文本方向属性和标签。
  • 一键辅助功能– 该插件添加了有用的功能,例如跳至内容、调整样式选项、自定义链接、调整对比度以及其他一些辅助功能改进的能力。
  • UserWay 的可访问性– 该插件的开发是为了提高合规性、避免与可访问性相关的诉讼、促进 SEO 并遵守 ADA 和 WCAG 2.1 指南。
  • WP Accessibility Helper (WAH) – WAH 消除了残疾人与网站互动或访问网站的障碍,使调整字体大小、对比度、标题、标签、替代文本等变得容易。

电子学习网站的网络可访问性评估工具

一旦您选择了理想的主题并安装了您喜欢的插件,您就可以根据网站的可访问性来评估网站的性能。 为此,您可以使用一些不同的工具来测试可访问性的多个方面。

以下是需要考虑的网络可访问性评估工具的列表:

  • 按访问级别划分的网络可访问性– 根据数字可访问性标准和法规获取网站可访问性健康评分。
  • 可访问性检查器– 这个免费的 ADA 和 WCAG 合规性检查器可识别网络可访问性问题并提供修复这些问题的准确说明。
  • SiteImprove Accessibility Checker – 这个 Google Chrome 扩展可以非常轻松地检查网站的可访问性分数,根据最新的 ACT(可访问性一致性测试)规则识别问题。 还提供反馈和建议以帮助纠正任何问题。

结论

可访问性是电子学习网站的一个重要考虑因素,以确保所有用户都可以毫无障碍地参与在线课程并轻松地与内容进行交互。 通过遵循 WCAG 2.1 规定的指南、选择合适的主题并安装有用的插件,您的基于 WordPress 的电子学习平台可以完全兼容且用户友好。