Bar chart
Chart that uses rectangular bars to represent and compare values across different categories or groups.
Best practices
Follow general best practice guidance to create accessible data experiences for users of all abilities.
- Provide informative, concise, and clear alternative text so that screen readers can describe the chart to users who may not be able to visually perceive the chart.
- Ensure that all information in the chart is made available to all users. This includes providing access to all chart data, annotations, tooltips, trends, and narrative elements to screen readers.
- Ensure color palette and all other chart elements that communicate information meet the VGAR requirements for color contrast ratio (internal only) as well as not only color principle (internal only).
Keyboard controls
| Key | Behavior |
|---|---|
| Enter | Enter the chart area/drill down a level on the chart area or a bar group. |
| Shift+Enter | Drill up a level on a bar group or bar. |
| ←→ | Move among sibling bar groups or bars when focusing on a bar group or a bar. |
| Control+Shift | Press and hold when using the arrow keys for the best navigation experience on a Mac (Voiceover). |
| Esc | Dismiss the tooltip at any time. | Tab | Exit the chart at any time. |