このトピックでは、igDataChart
™ のアクセシビリティ機能について説明し、チャートを含むページのアクセシビリティ準拠を実現する方法についての助言を示します。
このトピックを理解するためには、以下のトピックを理解しておく必要があります。
igDataChart 概要: このトピックでは、igDataChart
コントロールについての概念情報を提供します。これには、その主な機能、チャートとユーザー機能を使用するための最低要件が含まれます。
igDataChart の追加: このトピックでは、igDataChart
をコントロールを作成して追加し、データにバインドする方法を紹介します。
すべての Ignite UI for jQuery™ コントロールおよびコンポーネントは、1973 年リハビリテーション法第 508 条第 1194 部 22 条を遵守しています。表 1 には、コントロールに関連する第 1194 部 22 条の特定の規則が記載されています。また、igDataChart
コントロールが各規則を遵守するための詳しい方法も含んでいます。
各アクセシビリティ規則の要件を満たすために、場合によっては、コントロールを操作して特定のプロパティを設定する必要がありますが、それ以外の場合は、コントロール自身がこの作業を行います。
注: jQuery コントロールはクライアント専用のため、一部の規則はサポートされておらず、制限として扱います。
以下の表は、igDataChart のアクセシビリティ準拠機能についてまとめています。
規則 | 規則内容 | 準拠方法 |
---|---|---|
(a) | あらゆる非テキスト要素に対してテキスト相当物を提供するものとします(つまり、「alt」、「longdesc」を介して、または要素コンテンツで)。 | igDataChart はグラフィック専用のコントロールであるため、テーブルまたはチャート データを使用した igGrid™ コンポーネントにチャートを変換することで、障害を持っている人のために代替ビューを提供することが考えられます。そうすることで、読み上げソフトウェアにより、チャートから情報を得ることができます。 |
(b) | マルチメディア プレゼンテーションに相当する代替物をプレゼンテーションと同期するものとします。 | 記録に準拠するための代替手段については、(a) の注を参照してください。 |
(c) | 色によって伝達されるすべての情報が色を使用しなくても理解できるように (たとえば、コンテキストやマークアップ) Web ページを設計するものとします。 | igDataChart のスタイルとテーマの設定機能を使用して、チャートの配色を制御し、適切な色を提供できます。 |
(d)* | 関連付けられたスタイル シートがなくても読めるようにドキュメントを構成するものとします。 | コントロールのマークアップは、クライアント側のコントロールであり、CSS の規則に依存するため、関連付けられたスタイル シートがないと読み取りできません。記録に準拠するための代替手段については、(a) の注を参照してください。 |
* - コントロールの制限。
このトピックの追加情報については、以下のトピックも合わせてご参照ください。
オンラインで表示: GitHub