So first off I would say it’s worth reading my response to another post on accessibility here as that gives more background on the whole ‘not accessible’ thing and the ongoing work on accessibility in Evolve.
With Media Carousel, it’s partly down to the fact that it’s a ‘carousel’ style interaction; these are really hard to make accessible. I would argue that even the WAI ‘best practice’ example of an accessible carousel isn’t a great experience - and that’s just with text/graphic carousel items…
Even for users without accessibility requirements, carousel interactions are typically considered a problematic UI experience.
All three of these components are further complicated by the sheer number of configuration options available - this makes it nigh-on impossible for us to guarantee that all possible configurations would be accessible*
Infographic has an additional issue in that, in order for the animation functionality to work, it doesn’t start rendering until it has scrolled into the viewport by a certain amount, this unfortunately messes up keyboard accessibillity so that’s an immediate fail of Level A… this is something we’d like to address but again there’s so much complexity in this component due to the sheer number of configuration options, it’s pretty challenging to do, especially whilst maintaining backwards-compatibility.
* that said, if you set up Media Carousel with each item just consisting of text and/or graphic it’s generally a pretty good accessibility experience (except perhaps in NVDA, but that’s NVDA for you…! )
To a similar extent Hot Graphic can also be set up so that it works pretty well, so long as you don’t enable these settings:
- Show Popup as carousel
- Tooltip items
- Display item inline
Hope this is useful info.