How can you adapt a website where a user with a visual impairment can either increase the size of the fonts or change the colours by clicking on a command button?


I think it's a very important question in order to make websites accessible for everyone.

Michael

Hi Michael

I hope that you enjoyed your Adobe Dreamweaver 8 courses.

To be able to change the size of the font on you web page you will need to use a combination of HTML, CSS and Javascript. The link below takes you to a website that explains how to do this very easily and provides code too.

http://alistapart.com/articles/relafont

It is important to remember that if you increase the size of the font within your web pages, it is worth testing to make sure that it does not effect the layout of your tables, i.e. if you use images and set table sizes the set does not distort any of these.

Hope this helps
David

The same web site has a good bit of code for a CSS changer - allowing your visitors to change the style sheet, and hence the colour (if you design different coloured style sheets, of course). The code is here: http://www.alistapart.com/articles/alternate/

Also, if you want to make your web site completely accessable, you can see the guidelines here: http://www.w3.org/TR/WAI-WEBCONTENT/

Also, check out Jakob Nielson, the apparent king of accessibility and usability.

Regards, Rich