This is why we have a separate section in this article, dedicated to series.Įvery single element on a chart can have some text for screen readers. The screen reader information is conveyed via "ARIA" labels, like aria-title, aria-labelledby, and aria-describedby.įor example, the whole chart will indicate it's type.Ī series will indicate what type of series it is.Įach individual item in series, like column, will indicate its X and Y value, or if it's a Slice in PieSeries, it's category, value and percent.Īctually, there's a bit of fuzzy logic involved in screen readers and series. They are chosen to be as relative and descriptive as possible. Most of the elements in amCharts 4 come with pre-defined screen reader prompts. Screen reader text Default screen reader prompts SIDE READING If you'd like to change how focused items look, read " Changing appearance of focused items". (more about this later)Ī pie chart with one of its slices focused
Once a focusable item is selected with a TAB, two things will happen: In a nutshell, if an item is "focusable" it can be TAB'ed into or selected with a mouse. Others can be enabled by setting their focusable property.įor example, if we want to make a specific chart title (more about chart titles later in this article) focusable, we do this: let title = ()
Most of the elements that we think should be focusable are already pre-set so by default. Other examples of focusable items: togglable legend item, scrollbar grip, zoom out button.Įxamples of irrelevant elements: axis labels, grid lines. User needs to be able to TAB through focusable items, so that screen reader can read relevant information. We call those "focusable" items.įor example, a column in a ColumnSeries is important. Some of those are more relevant for vision-impaired users than the others. Common principles Focusable itemsĪ chart is full of elements: buttons, lines, columns, labels, and million of other items. Make sure you use it, or better yet, the latest version available at the time. The latest accessibility-related bugs were fixed in version 4.6.9. Some functionality described in this article may not work on older versions of amCharts 4 due to bugs related to accessibility features. This article aims at outlining built-in accessibility features, configuration opportunities, and adherence to standards. Result is a charting library that is usable with screen readers and other perception enhancement tools out-of-the box, yet super flexible to modify the behavior to suit particular needs. In amCharts 4, accessibility is not an afterthought, but rather something that was included in the planning from day zero.
0 kommentar(er)
