Comment by panzi

The animated graphics are fancy, but can anyone with a screen reader tell us how that "looks" to them? The graphics are all one SVG mixed together with different parts set to opacity: 0. The accessibility tree in Firefox gives you all the labels randomly mixed together. If that is how people with screen reader "see" it, its unusable.

Maybe make the graphic aria-hidden and add an empty tag with aria-description (or other kind of tag only screen readers see) describing the current graphic to each slide.