BotFramework-WebChat icon indicating copy to clipboard operation
BotFramework-WebChat copied to clipboard

[Typing] Use SVG or CSS animation for typing indicator instead of GIF for reduced motion

Open compulim opened this issue 1 year ago • 2 comments

Is your feature request related to a problem?

To enable reduced motion, we should use SVG/CSS which its animation is more controllable than GIF.

Describe the suggestion or request in detail

No response

Describe alternatives you have considered

No response

Additional context

No response

compulim avatar Sep 06 '24 18:09 compulim

We can use SVG animations as SMIL is back, not deprectated anymore: https://developer.mozilla.org/en-US/docs/Web/SVG/SVG_animation_with_SMIL

Or we can use SVG with CSS animations which allows us to handle reduced motion media: https://developer.mozilla.org/en-US/docs/Web/SVG/Element/animate#accessibility_concerns

OEvgeny avatar Sep 06 '24 19:09 OEvgeny

I will choose SVG + CSS for reduced motion, so it's easier for us to write VRT too.

compulim avatar Sep 06 '24 20:09 compulim