SVG Artwork

Scalable Vector Graphics, or SVG, can be used to generate infinitely scalable graphics for the web, but they can also be used to generate tactile/embossed graphics that allow blind and visually impaired people to feel and interact with the imagery. SVGs tend to be created using vector illustration software like Adobe Illustrator or Inkscape, but they can also be coded entirely by hand. The ability to do this offers a method for blind and visually impaired artists and creators to design and create their own digital drawings which can then be printed out for them to feel.

I've created the drawings and logos here by coding them inline in an HTML page by hand using TextEdit and the VoiceOver screen reader on my Mac. I use a visual interpreter to look at the drawings to ensure that what I'm visualizing in my head is what's actually appearing on the screen, and then go back and forth tweaking and adjusting all the shapes, paths, and other SVG features until the whole drawing comes together. Clipping paths, math and understanding curve control points and angles/slopes, layering techniques, and spatial reasoning are all used to realize the final artwork before prepping them to be run through an embosser for the final tactile graphic output.

Drawings and Artwork

Functional Graphics

Study References