The tools are written by ChatGPT. I provide it with a thorough description of what I want, and then usually comes a long discussion with it to tweak the code until the tool works the way I want.
When it is done, I copy the code and paste it into this "Simple Notes tool". There is a "save as html" button at the bottom.
Should you want to tweak the tools I provide for your own needs or to improve them, right-click on the tool in your browser > show page source, select all, copy and paste it into ChatGPT with your new requirements. Don't forget to tell it to make only the changes you want and to not change anything else.
My advice is to use the tools in the order I provide them. That is, spend the most time with the color detection tool before you spend a lot of time with the next ones. That is because the first tool, the color detection tool with two colors, will initially make it easier for you to detect the correct color. Don't guess. Never guess. Decide based on the impressions you are getting.
After working with this one for a while, I noticed that red, blue, and green blotches tended to linger in my field of view, fighting with each other and making it difficult to decide what is actually being displayed. Moreover, the blotches tend to adopt a triangle shape rather than a square. Therefore, I designed the next tool to be both a detection and visualization exercise:
Once the displayed triangles have been vocalized, I can try to rearrange the blotches of color in my field of view to match what I am being told is on the screen. I have chosen those three colors because they are the colors used to create the pixels on your screen. The idea being that you are learning to see the basic building blocks of a computer display, which will hopefully help see anything on the screen.
One problem I have not tried to solve yet is that your browser will try to speak in whatever language is your browser/system default. So, if that is not English, it will sound wrong.