確保所有使用者的無障礙性與資料清晰度

遵循 WCAG 標準,透過直覺的 JavaScript 圖表提供清晰且可近用的資訊。

確保所有使用者的無障礙性與資料清晰度

在 JavaScript 圖表中符合 WCAG(Web Content Accessibility Guidelines,網頁內容無障礙指引)確保視覺化資料呈現對所有使用者都可近用,包括身心障礙者。這包括實作支援輔助技術的語意標記、提供鍵盤導覽支援、為視覺障礙使用者提供高對比色彩方案,以及為圖表和資料點提供描述性的替代文字。此外,也可能包含提供資料表或摘要作為文字替代方案,並確保互動元素可在不依賴滑鼠的情況下操作。達成 WCAG 2.0 相容性可提升可用性,符合法定無障礙需求,並促進跨網頁應用程式的包容性使用體驗。

多種 JavaScript 圖表控制項提供 WCAG 相容性,包括:

  • Highcharts 由 Highsoft 提供,包含無障礙模組,具備鍵盤導覽、螢幕閱讀器相容性、高對比主題,以及支援語音輸入與聲音化(sonification)。
  • DevExtreme Chart(屬於 DevExpress 的 DevExtreme Complete)提供如鍵盤導覽、螢幕閱讀器支援與高對比主題等功能。
  • Kendo UI for Angular Chart(屬於 Telerik 的 Kendo UI)整合了例如鍵盤導覽、語意 HTML 輸出與螢幕閱讀器相容性等功能。
  • amCharts 5: Charts 函式庫包含鍵盤導覽、高對比顯示模式,以及以文字為基礎的資料替代方案,以強化無障礙性。

如需更深入了解功能與價格,請造訪我們的 JavaScript 圖表控制項比較。

比較 JavaScript 圖表控制項