提高 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 的電子學習平台可以完全兼容且用戶友好。