Accessibility

[Me]

Hi,

I would like to have a button/link on my Baker-site, that will increase the textsize of all the pages. For people who have bad eyes. Such a function would improve the accessibility of the (Baker)site. I think this can be done by some css-tricks or so. But I don't know exactly how.
Maybe someone has thought this over before...?

Any tips and/or comments are really appreciated. 


Regards, Me

[marathoner]

You can achieve this by having two (or more) different templates. These templates will be exactly the same except the font sizes defined in the CSS files so that you have the different font sizes that you want. You might also want change the sizes of any containers so that they work better with the larger fonts.

Then, modify the root directory index.php file to include the code that allows you to switch templates and to make it persistent using a session variable.

Lastly, modify your template index.php to provide means for your user to select the font sizes (actually the templates) that they can select from.

Here's the code to allow persistent template switching:
http://forum.websitebaker.org/index.php/topic,7389.msg45344.html#msg45344

[Ari Lindholm]

BTW: this is not WSB module issue, this is just css- & javascript trick.
If you use these samples, you can do that with only one WSB-template

--- 1 st version, little complex - good one and flexible:

If i understand you right, you might want to do something like this one
< http://www.dyn-web.com/dhtml/sizefont/global.html >

How this could been done... please read it from here
< http://www.dyn-web.com/dhtml/sizefont/sizerdx.php >

Main thing... please use ems or % when you define text sizes in css...

--- 2nd version, quite simple:

Please check this one
< http://www.webdeveloper.com/forum/archive/index.php/t-58545.html >


YMMV when you implement this feature in your site.

[marathoner]

There are certainly different solutions to allowing different font sizes. One concern that I would have about the approach above is that it requires JS to be enabled. The reason that I suggested the other approach is that everything is done on the server and doesn't rely on the client browser having JS enabled.

[Me]

Thanks for your replies people!

I will study and tryout the stuff you pointed out. Thanks again! 


Regards, Me


PS. I post in the right section next time.