This topic explains igDataChart™ accessibility features and provides advice how to achieve accessibility compliance for pages containing charts.
The following topics are prerequisite to understanding this topic:
igDataChart Overview: This topic provides conceptual information about the igDataChart control including its main features, minimum requirements for using charts and user functionality.
Adding igDataChart: This topic demonstrates how to create add the igDataChart control and bind it to data.
All of the Ignite UI for jQuery™ controls and components comply with Section 508, Subpart 1194.22 of the Rehabilitation Act of 1973. Table 1 contains the specific rules of Subpart 1194.22 that pertain to the control. Also detailed is how the igDataChart control complies with each rule.
To meet the requirements each accessibility rule, in some cases, you may need to interact with the control by to setting a specific property, but in other cases the control does the work for you.
Note: As jQuery controls are client-only, some of the rules are not supported and are marked as limitations.
The following table summarizes the accessibility compliance features of the igDataChart.
| Rules | Rule Text | How We Comply |
|---|---|---|
| (a) | A text equivalent for every non-text element shall be provided (e.g., via "alt", "longdesc", or in element content). | Since igDataChart is exclusively a graphic control you may consider providing an alternative view for disabled people by converting the chart into a table or igGrid™ component with the chart data. That way screen readers may help users to get the information from the chart. |
| (b) | Equivalent alternatives for any multimedia presentation shall be synchronized with the presentation. | See the note for (a) for an alternative way to provide compliance to the rule. |
| (c) | Web pages shall be designed so that all information conveyed with color is also available without color, for example from context or markup. | You can control coloring and provide suitable colors for charts using the styling and theming capabilities of igDataChart. |
| (d)* | Documents shall be organized so they are readable without requiring an associated style sheet. | The control's markup is not readable without the associated style sheet because it’s a client-side control and depends on the CSS rules. See the note for (a) for an alternative way to provide compliance to the rule. |
* - control limitations
The following topics provide additional information related to this topic.
View on GitHub