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