Accessibility issues with Gaussian blur animation

[ErinBecker]

In https://datacarpentry.org/image-processing/06-blurring/ there is an animation showing a Gaussian blur in progress. This animation is really cool, but I'm concerned that it makes part of the episode inaccessible for people without stable internet access (who may be using these lessons in PDF version).

This is what appears in the print version of the page:

Is it possible to have the print version show the final state of the animation rather than the start point? Or alternatively, to have the animation start by showing the final result and then go black and then show the blur building up?

A related issue is that the red square showing the highlighted pixel won't show up for red/green color blind users against the grey/brown/green background. From my understanding, a purple square would show up relatively well for all three major types of colorblindness. It will appear blue or bluish purple and be distinguishable from the green/brown background. (https://usabilla.com/blog/how-to-design-for-color-blindness/)

That having been said, the image itself might be hard for people with red/green colorblindness to parse - I'm not an expert on this. Happy to hear other thoughts about how best to address this!

[charlesbmi]

I agree that the animation is helpful for those with access to it, so starting the animation with the final result seems like the way to go. Re: colorblindness question, would a grayscale image work for the lesson? (since each channel is blurred separately)

[gonzo-projs]

I agree with @charlesincharge and I don't see why a grayscale image wouldn't work better. I could redo this section using a simpler image (I like the letter "A") and setting the first frame of the animation to the last step. Would this be helpful?

[marcodallavecchia]

Hello! I haven't commented here directly yet. But I tried to address the points in this issue in my latest PR. I can improve this further if needed!