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