you should make them accessible to folks who are motion sensitive!
steps:
- make a static version of your gif. i personally use imagemagick:
convert 'button.gif[0]' button.static.gif - use HTML to switch between both versions depending on the prefers-reduced-motion property:
<picture>
<source srcset="[ANIMATED VERSION OF YOUR GIF]" media="(prefers-reduced-motion: no-preference)" />
<img src="[STATIC VERSION OF YOUR GIF]" alt="[BUTTON ALT TEXT]" />
</picture>
trick copied from Accessible animated content without the compromise, on tempertemper.net