Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Accessibility issues with Gaussian blur animation #28

Open
ErinBecker opened this issue Jun 19, 2019 · 3 comments
Open

Accessibility issues with Gaussian blur animation #28

ErinBecker opened this issue Jun 19, 2019 · 3 comments
Labels
help wanted Looking for Contributors type:accessibility improve content compatibility with assistive technology as well as unassisted access

Comments

@ErinBecker
Copy link
Contributor

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:
Screen Shot 2019-06-19 at 3 40 20 PM

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
Copy link

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)

@uschille uschille added the type:accessibility improve content compatibility with assistive technology as well as unassisted access label Mar 18, 2022
@uschille uschille added the help wanted Looking for Contributors label Mar 5, 2023
@gonzo-projs
Copy link

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
Copy link
Contributor

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!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
help wanted Looking for Contributors type:accessibility improve content compatibility with assistive technology as well as unassisted access
Projects
None yet
Development

No branches or pull requests

5 participants