WebAIM: Animation and Carousels

A11y 101: 2.2.2 Pause, Stop, Hide

It was Christmas Day in 2012 that I had my first major incident. You see, for as long as I could remember I suffered from migraines. I recall having to takes days off school when I was a freshman. …

Nat Tarnoff

It still surprises (offends?) me that LinkedIn has games.

Which brings me to my latest Stylus style!

img[alt*="Preview GIF"] {
visibility: hidden;
}

#css #reducedMotion

Soft spot for interactive elements

I have to admit, I have a soft spot for interactive elements. However, I understand that not everyone experiences the web in the same way. Many people either dislike or get distracted and disoriented by animations that cannot be paused. It's important to me to respect that. That’s where the prefers-reduced-motion media query comes into play. It’s a simple yet powerful way to tailor the experience for those who prefer less motion. How its done I created two classes to either show or […]

https://plunch.de/soft-spot-for-interactive-elements/

Soft spot for interactive elements

I have to admit, I have a soft spot for interactive elements. However, I understand that not everyone experiences the web in the same way. Many people either dislike or get distracted and disoriented by animations that cannot be paused. It’s important to me to respect that. That’s where the prefers-reduced-motion media query comes into […]

Plunch
#ReducedMotion, propriété qui permet à l'utilisateur de minimiser la quantité d'animation. Limitation la bande passante, des flashs… (RGAA 13.7). Découvrez comment ça marche avec @CraftCMS ! #NumeriqueResponsable #A11Y
👉 https://craftcms.com/blog/designing-for-reduced-motion
Designing for Reduced Motion | Craft CMS

It’s important to consider the reduced-motion experience during design and development.

Craft CMS