dreamweaver-mx-training - Adapting websites for people with visual impairments

The UK's most regular instructor-led training courses.
Training information: dreamweaver-mx-training · Dreamweaver training · Adobe dreamweaver training

Resolved · Low Priority · Version Standard

1 post

ReplyTue 17 Apr 2007, 16:13Delegate Michael said...

Michael has attended:
Dreamweaver 8 Introduction course
Dreamweaver 8 Intermediate course

Adapting websites for people with visual impairments

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

428 posts

ReplyWed 18 Apr 2007, 09:41Trainer David said...

RE: Adapting websites for people with visual impairments

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

798 posts

ReplyWed 18 Apr 2007, 10:11Trainer Rich said...

CSS changer

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

· Special Image Techniques with Dreamweaver CS3
· A Brief Introduction To HTML Tags In Dreamweaver CS4
· Giving The Customer Input With Dreamweaver
· Dreamweaver and the changing face of your website
· Develop Websites More Effectively With Dreamweaver

Dreamweaver (adobe) tip:

Testing a site

When developing a site, you have to cater to the widest possible audience allowing for users with different browsers and display settings.
Test pages to see how they look with:

- different display resolutions
- browser with graphics turned off
- many different browsers not just IE
- if possible different operating systems.

View all Dreamweaver (Adobe) hints and tips