Test page for the Inclusive LU project

We want new engaging web content for the Inclusive LU project, and I wanted to try how easy it really is to use AI for coding (turns out very!), so I have built this page: when you hover different sections, things start happening. For example, in the dyslexia section, text starts to scramble, or in the blurred vision, it gets blurry.

(Sorry, haven't figured out yet how to do this for tablet/mobile view!)

What text looks like if you have dyslexia

The first simulation of what the world might look like for other people that I did was on dyslexia, because of experiences that someone close to me described. I saw this simulation of jiggling text years ago and was excited to find it again and realize that they even published the code for how to do this in javascript! So that was easy enough to recreate for my blog. This text is jiggling in the way that it was described to them: First and last letter always stay in place, and middle letters change position in about 10% of words every 50 ms.

When I showed this simulation to my friend with dyslexia, they said that their own experience is different -- rather than switching as quickly as in the paragraph above, letters switch spots only every second or so. So that is what I am doing in this paragraph. (But it makes me wonder -- if you perceive letters as switching positions by themselves even when in reality they are not, what is it that you actually see in these simulations? The letters moving around the way they were coded to do, or are they also moving around on top of that due to the original dyslexia? Who knows!)

Since this was super interesting, and I also just got new glasses myself and have been struggling with the progressive part making it dangerous to walk down unfamiliar stairs quickly, and moving my head from side to side means that it feels like the whole world is rocking, I was wondering how I could capture those types of experiences.

Low vision

Before my new glasses, this is what everything at short distances looked like: Blurry and with really bad contrast. Good that right now this is only happening when I hover this section, not every time I want to read, or look very closely at something! It really made my life so much easier when I got my new glasses (well, except for the motion sickness that I now get from getting up after having sat still somewhere for a while...)!

Tunnel vision

Another thing I sometimes experience (although typically more figuratively than literally) is tunnel vision: when the edges of the field of sight turn dark and all that stays visible is the light at the end of the tunnel (which, hopefully, won't be an oncoming train...). When you experience this at the end of a freedive, it is time to come up and do some recovery breaths!

Colorblindness

I have always been fascinated by the websites where you can upload your own image and see it the way someone who is colorblind might see it. Of course there is a continuum of colorblindness (you can be completely colorblind or just weaker for one of the colors), but I am not getting that fancy. I am just showing full-on protanopia (red-blindness), deuteranopia (green-blindness), and tritanopia (blue-blindness) when you hover the image below.

I coded this using copilot, and for all I can see, the code is based on the matrices published in Machado et al. (2009), which are also shared here.

Test page for the Inclusive LU project

What text looks like if you have dyslexia

Low vision

Tunnel vision

Colorblindness

Contact me!

Search "Adventures in Teaching and Oceanography"

Archives

Recent Posts

Categories

Tags