Test page for the Inclusive LU project

Just testing some things here... Sorry, haven't figured out yet how to do this for tablet/mobile view!

What text looks like if you have dyslexia

Ever wonder what it would be like to have dyslexia? Hover your cursor over the text in this section to find out! I think this is a pretty impressive demo of something that is hard to imagine if you aren't experiencing it yourself! Maybe this text should be even longer to drive the point home? I chose to only apply this effect to only this one specific section because I wanted the rest of the page to stay as accessible as possible...

This was inspired by http://geon.github.io/programming/2016/03/03/dsxyliea and the javascript code then modified with help of copilot

And now low vision

Hover here for cataract (blur + contrast loss + slight yellow cast)

And more low vision

Hover here for glaucoma (tunnel/edge darkening)

And even more low vision

Hover here for macular degeneration (blurred central spot)

And now colorblindness

Hover over the image below to see what it would look like for different kinds of colorblindness! Images for protanopia (red-bling), deuteranopia (green-blind), and tritanopia (blue-blind) will appear as overlay over the original image.

Test page for the Inclusive LU project

What text looks like if you have dyslexia

And now low vision

And more low vision

And even more low vision

And now colorblindness

Contact me!

Search "Adventures in Teaching and Oceanography"

Archives

Recent Posts

Categories

Tags