Welcome to the [In]Accesible Web. This project is a re-envisioning of my personal site, with colorblind accessibility principles placed at the core of the design strategy. Each page is optimized for easy viewing by people with deuteranopia, tritanopia, and protanopia, respectively. The rest of us may have a slightly harder time discerning the text, and visually the pages may seem a little jarring.
By activating a series of toggles (not shown), each page can be transformed with an aesthetic overlay that makes the content more accessible for those with normal vision. Each overlay also adds elements to the pages that enhance the visuals of the site.
The first three photos are wireframes of the pages' base layers, which load by default. The last three photos are wireframes of the pages after the toggle layers are activated.
I am currently working with a friend on making this a live, interactive experience. It will be hosted on my personal site, laminar.graphics.
Below are some early tests from the design process of the [In]Accessible Web.