Previously tested with VoiceOver + Safari, would read:
have used, have not used, negative opinions, positive opinions, React, 2020, 2019, 2018, 2017, 2016.
Changes:
The text technologies listed on the chart now also include
An overall summary for each technology (explanation + velocity score)
Usage and satisfaction explanation + score for each year
New outcome example: React. Overall more positive opinions and/or usage over time. Velocity: 83%., 2020: mostly positive opinions (87%), high usage (74%), 2019: ....
Added legend explaining the color range.
Added context ("x-axis", "y-axis", "legend") for screen readers in addition to the labels on the axis and legends. Eg. X-axis: have used, have not used. Y-axis: negative opinions, positive opinions. Legend: falling popularity, rising popularity.
To expand on in the future:
Make graph more interactive for screen readers as well
Keyboard interaction to expose the hover effects
Expose general patterns to screen readers (either as an additional description on top or below the graph, or as visually hidden labels/aria labels/alt text in relationship to the graph)
Improve usability. Eg, maybe just read the high-level overview by default, and require user interaction to expand the options and read the data about the individual years as well.
Previously tested with VoiceOver + Safari, would read:
have used
,have not used
,negative opinions
,positive opinions
,React
,2020
,2019
,2018
,2017
,2016
.Changes:
React. Overall more positive opinions and/or usage over time. Velocity: 83%.
,2020: mostly positive opinions (87%), high usage (74%)
,2019: ...
.X-axis: have used, have not used. Y-axis: negative opinions, positive opinions. Legend: falling popularity, rising popularity
.To expand on in the future:
‼️ Depends on: https://github.com/StateOfJS/locale-en-US/pull/9