すべてのユーザーにアクセシビリティとデータの明確さを確保

WCAG標準に準拠し、直感的なJavaScriptチャートを通じて明確でアクセス可能な情報を提供

すべてのユーザーにアクセシビリティとデータの明確さを確保

JavaScript チャートにおける WCAG(Web Content Accessibility Guidelines)準拠は、障がいのある方を含むすべてのユーザーに対して、視覚的なデータ表現を利用可能にすることを保証します。これには、支援技術向けのセマンティック マークアップ、キーボード ナビゲーションのサポート、視覚障がいのあるユーザー向けの高コントラスト カラースキーム、チャートやデータ ポイントのための説明的な代替テキストの実装などが含まれます。さらに、テキストによる代替としてデータ テーブルや要約を提供すること、インタラクティブ要素をマウスに依存せずに操作できるようにすることも含まれる場合があります。WCAG 2.0 準拠を達成することで、ユーザビリティが向上し、法的なアクセシビリティ要件を満たし、Web アプリケーション全体でインクルーシブなユーザー体験を促進します。

複数の JavaScript チャート コントロールは、次のような WCAG 準拠機能を提供しています:

  • Highcharts by Highsoft には、キーボード ナビゲーション、スクリーン リーダー対応、高コントラスト テーマ、音声入力やソノフィケーションのサポートを備えたアクセシビリティ モジュールが含まれています。
  • DevExtreme Chart(DevExpress の DevExtreme Complete の一部)では、キーボード ナビゲーション、スクリーン リーダー サポート、高コントラスト テーマなどの機能が提供されます。
  • Kendo UI for Angular Chart(Telerik の Kendo UI の一部)には、キーボード ナビゲーション、セマンティック HTML 出力、スクリーン リーダー互換などの機能が組み込まれています。
  • amCharts 5: Charts ライブラリには、キーボード ナビゲーション、高コントラスト表示モード、テキストベースのデータ代替が含まれており、アクセシビリティを高めます。

機能と価格の詳細な分析については、JavaScript チャート コントロールの比較をご覧ください。

JavaScript チャート コントロールを比較