104: WCAG Pause, Stop, Hide & Prefers Reduced Motion, Fallout Nuka Cola Quantum

In this episode, we discuss WCAG 2.2.2 Pause/Stop/Hide and whether or not prefers-reduced-motion alone is sufficient for meeting this guideline.

Listen

Watch

Mentioned in this Episode

Transcript

Chris: Welcome to the Accessibility Craft Podcast, where we explore the art of creating accessible websites while trying out interesting craft beverages. This podcast is brought to you by the team at Equalize Digital, a WordPress accessibility company, and the proud creators of the Accessibility Checker plugin.

And now, on to the show.

Amber: Hey everybody, it’s Amber, and I’m here today with Steve.

Steve: Hello everyone.

Amber: And Chris.

Chris: Hey everybody.

Amber: And we are going to be talking about Web Content Accessibility Guidelines Pause, Stop, Hide. So, a specific success criteria. But before we dive into that, we are going to start with a beverage. And of course, if you are looking for show notes for this episode, this is episode number 104. So you can find show notes and a full transcript if you go to AccessibilityCraft.com/104.

Today’s Beverage

Amber: Chris, what are we drinking today?

Chris: Fun fact for our audience, I usually pick the beverages before Amber picks the topic. And I appreciate that you paired a nerdy topic to go with our nerdy beverage today. We are having Fallout Nuka Cola Quantum. So this is a licensed beverage produced by Jones Soda Company that is based on a beverage that you drink as like a healing slash power up item in a popular classic video game which is the Fallout series that got made into an Amazon TV show. So they, and it’s got this fun…

Amber: It’s blue! …

Chris: Like fifties aesthetic and yeah, it’s super blue. They said it glows. So I think if you put a black light up to it, it’s supposed to glow, but I don’t have a black light cause I’m not, you know, throwing raves at my house.

Steve: I do!

Amber: What a missed opportunity.

Steve: Yeah.

Amber: If you told us we could have recorded this podcast in the dark with black lights, we could have gotten glowsticks.

Steve: I actually have a couple of them. I should have done that. I didn’t know that.

Amber: Oh, man. Well, next time we have a black light beverage, give us advance notice, Chris.

I have never heard of this game.

Chris: Yeah. It’s a classic game. It’s a post apocalyptic survival action game, basically, and you’re a guy, you’re alone in the wasteland, and you come out of a, a vault that’s intended to protect you from the apocalypse, only things have gone… So you’ve lived in this vault for generations, and you come out, you know, hundreds of years after whatever the great calamity was, usually it’s like nukes dropping everywhere, is usually the premise.

And, you know, you are greeted with this world that’s irradiated, an irradiated wasteland with mutants, and all kinds of warring factions and rival gangs, and you have to survive and make your way. And…

Amber: Why did you come out of the vault!?

Chris: It’s actually got, well, sometimes, and that’s the interesting thing is, and this is what I think the Amazon series alludes to is, not all the vaults were good.

Like some of the vaults in the lore of this universe were made purely to perform strange experiments on people. What if we had, you know, drugs in the water supply? How long would a society last under XYZ circumstances? In the vaults and such. And so, eventually people come out. The intent is always to come out, but this was a soda that existed in that universe.

And the fun thing about the, these games too, is they like really play into the fifties aesthetic. Like you remember like the, if you seen like the old PSAs of you know, hide under your desk when the bombs go off, right, in the Cold War era, like ads, a lot of the aesthetic of the game and like the music and the sound and all the design is like makes references to that time period in a fun way.

Amber: Is it like That movie with Brandon Frazier, where he was like living under the ground and he came up in the nineties.

Steve: Blast From the Past?

Amber: Blast from the past, there we go.

Chris: Yeah, I mean, a little bit like that, maybe, except with, you know, mutants.

Steve: Yeah. It says on the bottle, it says, with its unique flavor and distinct bluish glow, Nuka Cola Quantum was poised to dominate the soft drink market. Unfortunately, it was released to the public on October 23rd, 2077, the same day the bombs fell.

Amber: Mmm. So, are we going to glow after we drink this?

Chris: I don’t know. I do have a degree of trust for Jones Soda Co. I probably wouldn’t have gotten this for us to taste if it wasn’t made by a reputable soda company.

And it’s interesting. They only sell these as a two pack because I think what you’re, what a lot of people do is they drink one and then they have the other one full to put on the shelf in their gaming man cave or whatever. But obviously we’re not doing that.

Amber: I don’t think it’s a gaming man cave.

I’m pretty sure that would be called a gaming nerd cave.

Steve: Yes. It’s crafted for a post nuclear feature by Jones Soda, which is, I will say, is a pretty good trustworthy name.

Amber: Jones? Things made by people with the last name of Jones are trustworthy?

All right. So it’s it says Berry Lemonade. It is bright blue, which is super throwing me off.

But it, it, it smells I think a snow cone might smell.

Chris: Yeah. Yeah. I’m getting like the snow cone. Actually, you know what it really makes me think of is, you know, those like popsicles that you freeze in the long, skinny plastic sleeves that you push out. It smells exactly like that to me.

Steve: Like a rocket pop, you know, there’s rocket pops with the red, white and blue?

Amber: Oh, Bomb Pops.

Steve: Oh, Bomb Pops. Yeah, that’s what they’re called. Yeah.

Amber: Yeah, because those have a little bit of a lemon and a berry, I always think it’s funny when they make things like blue and they call it I don’t know, blue raspberry and I’m like, but why is it neon blue?

Chris: I never really understood that either. I don’t mind the flavor. We’ve had sweeter sodas on this podcast. This one is not as sweet as some of the other ones. I think we had a Stewart’s Grape once that was just like…

Amber: Oh yeah, with Alex Stein. That one was like drinking, I don’t know, simple syrup, liquid sugar.

This is not too bad. It does kind of have a decent lemony flavor.

Chris: It’s definitely middle of the road for me in terms of like it, dislike it. What do you think, Steve?

Steve: It smelled sweet, but it’s much, it’s not as sweet tasting and it’s it’s… I like the fizziness of it. Like I don’t, I think it’s a good pop. I don’t have any problem with it. It does remind me I like it. Of the Bomb Pop flavor a little bit. .

Amber: Yeah, it totally reminds me of that. I think you’re right. That’s a good flavor comparison. I’d like it better if it didn’t have blue number one, but I’m guessing they were blue in the game.

Steve: Well, I mean, it was the nuclear stuff, right? It was released on the day the bombs dropped.

Chris: That’s right.

Amber: Is this one of the food colorings that’s going to be illegal in the United States in two years?

Chris: I thought those were only reds.

Amber: Oh maybe. I don’t know.

Chris: If I were wandering a post apocalyptic hellscape and I came across one of these, it probably would taste pretty refreshing compared to, you know, irradiated puddle water, which is what most people in the Fallout universe drink. So, definitely better than that.

Amber: I got really distracted because I actually wanted to know. For all of our listeners and watchers in Europe, I’m sorry, you probably cannot get this. This food coloring is banned in Europe. So we are going to get cancer. You will not.

Chris: Or just get hyperactive.

Steve: That’s right.

Amber: I had to Google it cause I had to know. But yeah I mean, before we move on, we do have to give it. What would you say? Is this a thumbs up? Thumbs in the middle? Thumbs down? Would you get it again? Would you give it to your children? Thumbs down, Chris?

Chris: I’m thumbs down on this one.

Steve: I’m neutral.

Chris: If it’s like, if the question is would you get it again? Go buy it? I’m definitely a thumbs down.

Amber: Even though you like video games, not enough to make you buy the soda.

Steve: Right.

Amber: Steve’s neutral. I think I’m a thumbs down.

Steve: I’ll probably give the other one to the kids.

Amber: Not going to throw it away. It’s not that bad. Yeah. That’s the thing.

Chris: Check them with the blacklight 24 hours after they drink it. Let us know if they’re glowing.

Amber: Yeah. I mean, it’s not a bad flavor. We have tasted way grosser things on this podcast, but yeah, I don’t think I’d go out to buy it.

Steve: I’ll choose, I choose this over a pickle flavored beer any day.

Chris: Oh yeah. I’ll raise my thumbs down to a middle for the novelty factor and the fact that I like the Fallout games. But yeah, it’s a novelty soda. What did we really expect, right?

Amber: It might be worth trying if you’re into novelty stuff.

WCAG 2.2.2 Pause, Stop Hide – What is it?

Amber: All right. Yeah. So we are going to talk about WCAG 2. 2. 2, which is fun to say. Pause, Stop, Hide, and how Prefers Reduced Motion relates to that. Specifically, what we are going to be talking about is whether or not coding all the animations on a website to not play if someone has turned on reduced motion, is sufficient for meeting that WCAG success criteria.

So that’s what we’re going to talk about today. Chris, do you want to, for anybody who’s not familiar with Pause, Stop, Hide, do you want to explain what that is or read the requirement?

Chris: Yeah I’ll read the requirement in as engaging a way as I can. These are, usually pretty dense reading, but we have a success criterion 2. 2. 2 Pause, Stop, Hide. This is for level A and it indicates that for moving, blinking, scrolling, or auto updating information, all of the following must be true for information that is moving, blinking, or scrolling.

That information that is moving, blinking, or scrolling must that one starts automatically, two lasts for more than five seconds, and or three is presented in parallel with other content, that there is a mechanism for that type of content that the user can pause, stop, or hide it. Unless the movement blinking or scrolling is part of an activity where it is essential.

And then for auto updating content, any auto updating information that one, starts automatically, or two, is presented in parallel with other content, there’s a mechanism for the user to pause, stop, or hide it, or control the frequency of the updating, unless the auto updating, again, is part of an activity where it is essential.

Amber: Yeah. Yeah. I mean, essential is sort of an interesting question on there, right? Like maybe if you were, I’m trying to think, on a sports website or something where you were doing, I don’t know, fantasy football and you needed real time information so you could change things. And you were on the page that’s real time updates from this game or something.

And it’s like text, like saying, okay, here’s what happened. And now here’s what happened. And now here’s what happened. Maybe it’s essential, right? That you have auto updating content, in order to actually get that information.

Chris: Or a stock ticker scrolling or updating in real time, right?

Steve: Yeah, totally.

Amber: Yeah, but even that. Is it essential that it be real time always without having, giving someone the ability to stop it and read it?

Chris: I think it depends on the context in which that information is being given. .

Amber: . Yeah. So, so the main thing is right, any animations, anything that plays for longer than five seconds, there has to be a way for people to stop it. Because it could be hard for them to read. Maybe they don’t read that fast.

If it’s words it could be disruptive to the screen readers. So I’ve been on websites, I think we actually saw this when we were looking at the City of Georgetown website, they had a carousel that was autoplaying. And I had a screen reader on and I was lower down on the website and it would just say: Slide one, slide two… In the middle of what I was doing, right?

So it interrupted the screen reader. The thing with the snowfall animation or other things like that is they could potentially cause people to feel ill. Or if it’s rapid flashing, right, it could cause a seizure for some people. So, there’s a lot of different reasons why you might, want to allow someone to turn off animations.

Steve: Or just a preference, right? Or just I’m tired of seeing this snowfall. It’s been on here for over a week.

Amber: Yeah, it was cute for about five minutes and then it’s just distracting, right?

Steve: Right, right.

Is respecting Prefers Reduced Motion sufficient to meet WCAG 2.2.2?

Amber: So the obvious way to do this is to add a button that says, you know, pause, or maybe it’s for a whole page. Like you have it in the header and it’s turn off animations or stop animations and it controls everything on the page, but there are other ways to stop animations, one of which is Prefers Reduced Motion. Should we talk about what that is?

Steve: Sure. So Preferred Reduce Motion is a operating system level setting. On most, on a Mac, you can go to Accessibility Display, and there’s a little checkbox that you can check that says Reduce Motion. And then developers making websites or applications can can then utilize that in the user agent. It’ll be presented to them.

They can use CSS to stop animations or to change things. You can use a media query basically just a media query with prefers to reduce motion defined. And then whatever’s within those brackets, you can decide to modify for users that have that setting.

You can also target it with JavaScript, with the match media method window dot match media prefers reduce motion is equal to r educe. And so that just gives, that gives the website creator or the application creator a way to utilize system settings to either turn on or turn off animations or reduce animations, which we might get into a little bit.

That, it’s called prefers reduce motion. And then the WCAG guidelines talk about stopping or pausing animation. So there may be a little bit of confusion around the naming of these things and the actions in which a developer might take to reduce motion.

Amber: Because reducing doesn’t necessarily mean eliminating all, right? It just means having less intense animations. Well, I think it’d be really interesting to talk a little bit more about that. And then of course. We wanna give our opinions on whether we think that just doing this without the pause button is sufficient. But first, we’re gonna take a short commercial break.

Brought to you by Accessibility Checker

Steve: This episode of Accessibility Craft is sponsored by Equalized Digital Accessibility Checker, the WordPress plugin that helps you find accessibility problems before you hit publish. Thousands of businesses, non profits, universities, and government agencies around the world trust Accessibility Checker to help their teams find, fix, and prevent accessibility problems on an ongoing basis.

New to accessibility? Equalize Digital Accessibility Checker is here to teach you every step of the way. Whether you’re a content creator or a developer, our detailed documentation guides you through fixing accessibility issues. Never lose track of accessibility again with real time scans each time you save, powerful reports inside the WordPress dashboard, and a front end view to help you track down hard to find issues.

Scan unlimited posts and pages with Accessibility Checker Free. Upgrade to Accessibility Checker Pro to scan your website in bulk, whether it has 10 pages or 10,000. Download Accessibility Checker today at EqualizeDigital.com/Accessibility-Checker. Use coupon code AccessibilityCraft to save 10% on any plan.

Amber: We’re back! Enjoying some nuclear blue soda there, Steve?

Steve: That’s right.

Amber: Yeah.

Steve: Refreshing.

Is respecting Prefers Reduced Motion sufficient to meet WCAG 2.2.2 (Continued)

Amber: So, what do we think about using Prefers Reduced Motion to meet WCAG 2. 2. 2 Pause, Stop, Hide? Is it sufficient? If that’s all you do.

Steve: So, is your question, is it sufficient in every case, or is it sufficient in certain cases?

Amber: Mmm, I don’t know, why do you ask that?

Steve: Well, I mean, I think a lot of the back and forth that we had in that X post was around just meeting the criteria, right? And, sure we can always go a little bit further than meeting the bare minimum, right? But I think there so let’s take the snowflake falling, for example.

Let’s use that since that was kind of what sparked a lot of this. Does Prefer Reduce Motion meet minimum WCAG guidelines for that animation. And I would probably say, yeah, yes.

Amber: Yes, because what Chris read out, it just says there’s a mechanism to stop it.

Steve: And I had, I did a little bit of a deep dive on this the word mechanism too, like it can mean a lot of different things and it’s almost, there’s hard mechanisms and there’s soft mechanisms. Like where you know, if you code a button, you know, a pause button on the page, right in the content, that’s kind of a hard mechanism, right?

That’s going to be there. That’s going to meet the widest audience that you could meet, right? Maybe if they have JavaScript turned off, maybe that’s going to be a problem. But and more of a soft mechanism maybe is the prefers reduce motion because, it’s not as if the prefers reduce motion is apparent to everybody.

A lot of people just aren’t educated, a lot of, developers aren’t even educated on that it exists, let alone users and in system settings, Prefers Reduced Motion gets moved around from time to time with system updates. It’s it’s maybe hard for some people to find. A lot of users don’t even know it exists.

Maybe users are on systems where they don’t have settings level control. Maybe you’re at the library. Does the library let you turn Prefers Reduced Motion on? I don’t know.

Amber: Yeah. What do you think, Chris?

Chris: Yeah, I mean, I think it is a really good initial step. And I would argue that for many, depending I think it’s somewhat depends on what you’re implementing, but for many applications on the web, if you’re factoring in, you know, you flag mentally:

Okay, I’m building something that’s going to, jump around the page like a Jack Russell Terrier. Like, I need to have this respect that Prefers Reduced Motion setting. I think that’s a minimum. And that’s kind of like the starting point. And I like the idea of websites, and I think we all like this, websites responding to the device, responding to the user preference without the user having to take any action.

I don’t think that’s perfect in every scenario. I also think that to an extent, like where you could get away with only using Prefers Reduced Motion and not having any other mechanisms like hard mechanisms, I think I have a personal preference towards that just because I’m a bit of a minimalist.

If you can’t tell by the lack of clutter in my background, you know, like I, I don’t like a lot of stuff. And that includes inside of user interfaces where if you have a bunch of animated things or things moving around. If you have nine different pause buttons, you know, across a page, I think that can also be its own kind of weird situation.

But I know for us, it’s just we just try not to animate anything. And that’s kind of our high level solution as well. I don’t know if any of that really consolidates into a direct opinion about all of this. I think I like respecting the user’s wishes. And I like to only use hard stops and hard toggles on and off, with great care, if that makes sense.

Amber: Yeah. So I saw actually a couple of years ago that Hidde DeVries actually had a blog post about this, which we can link in the show notes and he walks through, you know, what is, is it technically a mechanism that gives users the ability to stop things?

And I think the answer on that is yes. By technicality, I think it does pass Pause, Stop, Hide. But what I got to in X in that conversation is I don’t think it meets the spirit of accessibility. And so we will fail things in our audits, if they also do that. Because I haven’t, and I think we can also link this in the show notes.

Like I did a Google search for “websites make me nauseous,” right? What would a user search if they’re trying to figure out how do I stop websites from making me want to puke, right? Or make me feel dizzy or whatever. And, and the answers that are provided, you know, now there’s AI at the top of Google searches. You don’t even have to go to pages.

They are like, well, the first one says, many websites give you the ability to toggle animations off. So like right there, Google is saying the website should do it. And then it has all this stuff about, you know, like it says, take screen breaks.

I’m just like, okay, well, this isn’t very helpful information for users. And then it says go get an eye exam. None of them tell users, and not just in the AI, like I went and looked at a bunch of the top search results, many of which were from medical websites, like hospitals that have published blog posts about it.

And none of them say, Oh, there’s a setting on your computer you can turn off or turn on, and then it will block the motion and maybe that will help you. And so where I land on this is that, like you were saying, Steve, how do we even know that users know this exists?

And that was kind of what I pushed back with that person. Cause he’s well, wouldn’t somebody who needs this know that it exists? But I’m like, but how would they know if I do Google research and no, no one is even telling me it exists? Is my doctor going to tell me it exists when I go in for my eye exam?

Probably not. How would the doctor know? And so I just don’t, I think we should respect that, but I don’t think it’s sufficient for meeting the success criterion. Maybe technically sufficient, but not really. It’s not best for users.

Steve: Right. And I don’t think it meets 100 percent every scenario too.

I mean, we discussed a few minutes ago, you know, a stock ticker, right? Chris mentioned, or your pizza order, right? You know, if I had Prefers Reduced Motion enabled on my pizza order, is it not going to show me that my pizza’s done? Are they going to provide an alternative? You know how when you watch it’s baking or, you know, it’s being, it’s boxed, it’s ready to be picked up, right?

So I don’t think that the prefers reduce motion is 100 percent true compliance every time. But I think back to what you were saying about the spirit of accessibility, I think it’s a lot of times what we’re doing when we’re doing audits and we’re trying to evaluate things like this, and this may be why people get so upset with accessibility professionals, because we get really into the weeds of, is it conformant or is it not, right?

And it’s because we’re balancing conformance with usability. So, when you’re an accessibility professional, you really side with usability a lot more than even conformance, right? Cause conformance is the bare minimum. Are we really aiming for the bare minimum? Or are we aiming for usability and what’s important to most users?

Amber: Yeah. I think one of the things that I always like to look at, because the neat thing about WCAG is that it’s open source and anyone can go in and contribute to the guidelines or discussions or help work on them or maybe create or suggest technique documentations. So that is one thing. Like I went and looked at the understanding docs, which has failure and success examples for each one and none of them say that.

And then I went and looked at the GitHub for WCAG because it uses GitHub and the, in the issues you can see people are discussing. And there was actually a discussion about this. Should we add a technique doc that says this is sufficient for a success? And really where I think it lands, if you read through this, is that, is the same thing is that a lot of times, a lot of people don’t think that it is sufficient.

So, yeah, I don’t know, it’s like maybe on a technicality it is, but probably not, really,

Chris: I think it also somewhat depends on the type of page and how the information’s being delivered, because I think about a lot of Apple’s product advertising pages where there’s just a, like a lot of really weird parallax and transition animations and things like that, that happen either on scroll or on click or things like that.

And that’s where I think having something that respects the user setting is really important, but also I struggle to imagine an implementation that, wouldn’t just have buttons everywhere. Would it, would there be an alternate version of the page? It like that?

Amber: No, there’d be one toggle.

Chris: Or there would just be one toggle that could disable everything.

Amber: Yeah, there, there was actually a talk at WordPress Accessibility Day 2024 that Danielle Zacaro gave about this. So maybe I can find the link and we can put it in our show notes, but they basically talked about how you can put a toggle up at the top and that then, and they showed how with code, like then you, that one toggle would control all the animation.

So you don’t have to have pause buttons everywhere, but that said, I want to clarify something because what you were talking about, Chris, was animations on scroll. That is different and are not covered by this success criteron. Animation on scroll has its own. Well, there’s a success criterion related to animations on interaction, which is what an animation on scroll, would fall under.

But they would by definition pass, Pause, Stop, Hide, because you can stop scrolling and the animation stops.

Chris: Yeah. Okay.

Amber: But there’s other rules related to that. So this is really looping animations, like we talked about, like carousels, autoplay, the snowfall…

Chris: Or GIFs …

Amber: Animated gifs. That was one that I had an interesting conversation with Matt Cromwell about yesterday. Well, it won’t be yesterday when this episode comes out, but he joined me on the live stream. And we’re doing live accessibility remediation on the WProduct Talk website. And we were talking about that animated GIF cause there’s one on that website. So, so yeah, it’s really things that like loop and play for longer than five seconds, regardless of user, like a user didn’t start it, or didn’t trigger it in some way.

Steve: Yeah, but I think what you’re saying, Chris, I think that Apple homepage is a perfect example of where Prefers to Reduce Motion is applicable and I think helps quite a bit and I will tag that with, I think Apple does a really good job at this. I mean, tested it lately, but yeah, I think I do think it’s a case by case.

It’s not a I don’t…

Amber: I haven’t seen a lot of auto playing content on Apple website. I see more of the like animations on interaction. And even that to a degree, I think that they’ve really toned down and they’re, I think they’re a good leader on the accessibility front generally. So here’s an interesting thing.

On that Prefers Reduced Motion developer doc, on Mozilla developer docs, there is a really big red banner at the top that says, it has a warning icon, and it says:

Warning. An embedded example at the bottom of this page has scaling movement that may be problematic for some readers. Readers with vestibular motion disorders may wish to enable the reduced motion feature on their device before viewing the animation.

And I thought this was really interesting. Because well, one, it made me think a little bit about TV shows, where you’ll see warnings sometimes that say like this episode contains like flashing or something like that as a warning to people so they know, oh maybe I don’t want to watch this if I have photosensitive epilepsy or some other disorder.

Also thought it was interesting because, if you saw a notice like this and you’d never heard of reduced motion, well now you know it’s available. So I’m like, maybe this is an answer. You don’t need a pause button if you’re making it clear that, hey, there’s things on our website that might bother you. And hey, there’s a setting you can turn on your computer that will fix this.

Steve: Was this on a page that’s trying to specifically explain this issue? Like the animation issue. So it’s, it kind of has to show you a bad example of it, right. But it actually went further.

Amber: This is on the Prefers Reduced Motion, like the one that teaches about how to use the media query. And this is a, this is also an interesting example because if you have reduced motion off, so you’re getting full motion, then it plays a lot, I guess. And then if you turn reduced motion on, it doesn’t stop altogether. It’s just less intense, right? It’s reduced. It’s not stop motion.

But yeah, so they had to provide an example. And so they put a warning up before you would see it because it’s below the scroll line, the fold, right?

Steve: Yeah. I mean, we’ve had some interesting discussions around creativity, right, as well. And if we start advocating for these ugly warning notices on websites, the creative community may eat us alive. Now I do…

Amber: But it’s interesting cause it’s okay, well now you’re allowed to fail, I guess.

Chris: Yeah. But I mean, I, if you have to, I don’t know, I guess there’s maybe arguments for maybe sometimes it is necessary in some weird context to have something like this where you would need a warning label for your own content. But the more fundamental thing I come back to is if you have to put a warning label up, should it be there in the first place.

Is it actually necessary to have it that way? Or is it is there like ego involved if you take my drift? It’s this was my vision and I don’t care if I have to put a warning label up, this is how I want it kind of thing, which I don’t know if that serves users. There’s probably some exception out there, right?

There must be like some, some niche edge case where you have to have something that can make some people nauseous, but it has to be that way. And so you have to have the warning label, but I can’t think of one. I don’t know.

Amber: Well, TV shows are interesting, right? Like with flashing, I feel like I’ve seen that maybe on like stranger things or like horror movies sometimes.

I know I go watch horror movies, but you know, like thrillers, they’ll have like strobe effects or things like that. And it is interesting, I’m assuming that’s required by law, that they do that?

Chris: Or your insurance company, you know.

Amber: Cause they got sued too many times. I know, I just thought it was interesting because this might be some way, one way to get around the whole people don’t know the setting exists. Oh, well, I’ve told them the setting exists, so now they can turn it on and then they can use my website and I don’t need to add pause buttons.

Steve: Yeah, this may be a way to cover your own self, right?

Chris: Yeah, it might be a CYA situation.

Steve: Yeah, that’s what I was trying to allude to. But I think we can make, I think as developers and builders of the web, I think we can make, intelligent decisions in regards to what’s best for usability and when Prefers Reduced Motion actually helps accomplish what you’re trying to accomplish.

And the warning is a little bit of a cop out, but I get why they did it, because they kind of have to show how Prefers Reduced Motion works, right? And I think on our normal site, I think we can be a little more thoughtful in how we implement and make things usable.

Amber: Yeah. I don’t know if I’ve ever had a user be like, I went to that website and it didn’t have an auto scrolling carousel, or I went to that website and it didn’t have snowfall, and so I decided not to buy the product, right?

We take a closer look at our bottle caps, in true Fallout fashion!

Amber: I don’t know. I think you can still have really great functional websites without having all that animation, but if you do have to have it, just put a pause button. I think an interesting way to wrap up, is that Jones Soda has little messages in the lids and I think it might be fun to, to share those before we go offline.

Mine says, dance is the way to joy.

Steve: Mine says, support live music.

Amber: Steve would definitely approve of that.

Chris: Strangely relevant for Steve. Yeah. It takes a beauty to appreciate beauty, is mine.

Steve: Oh, perfect.

Amber: Aw, you’re beautiful, Chris. Thanks. I should give you dance is the way to joy because I think you get frustrated sometimes with our kids dance schedules.

You can just keep this and whenever you feel frustrated about that, you can just look at it and be like. Nope.

Steve: Well, since he’s so beautiful, make a necklace, a beautiful necklace with that on it.

Amber: All right. Well, it’s been fun chatting and drinking our nostalgic, fun, quantum soda beverage. And we’ll see you back here in two weeks for another great conversation and craft beverage. Don’t forget to and subscribe and all those things.

Steve: Cheers.

Chris: Thanks for listening to Accessibility Craft. If you enjoyed this episode, please subscribe in your podcast app to get notified when future episodes release.

You can find Accessibility Craft on Apple Podcasts, Spotify, and more. And if building accessibility awareness is important to you, please consider rating Accessibility Craft five stars on Apple Podcasts. Accessibility Craft is produced by Equalize Digital and hosted by Amber Hinds, Chris Hinds, and Steve Jones.

Steve Jones composed our theme music. Learn how we help make thousands of WordPress websites more accessible at EqualizeDigital.com.