Welcome to the fifth installment in the Web Literacy Ninja series!
Today for the Design and Accessibility part of the WebLit map, I would like to talk about an aspect of Design and Accessibility that is very dear to me. That is, designing for visually impaired people. My mom’s has impaired sight so she’s really troubled when a site has fonts/icons that are too small to see or the graphics aren’t quite arranged in a friendly manner for the visually impaired. I’ve been reading up quite a lot about it myself.
Often it’s just a matter of choosing the right icons, fonts and font size and combination of colors on the page.
In my blogs I always make sure to choose a template that is friendly for visually impaired people.
Usually blog templates can be tweaked using WYISIWYG editors so the user doesn’t actually interact with the code, but knowing your way around HTML and CSS might prove useful.
To get started with HMTL and CSS take a look at some cool resources from Webmaker:
Steve Krug’s Dont’ Make Me Think was an inspiring read on Design and Accessibility.
If you want to delve deeper you can browse The Smashing Magazine and A Book Apart websites. The Smashing Books ebook series is a nice enough read to get you started.
A very nice resource to make websites friendly for the visually impaired people on the go is Mozilla’s Access Firefox collection of tools.
Also, it might be a little too technical for newbies, but why not take a look at W3C Introduction to Web Accessibility?