An alternative approach to scripting in the css file could be to add a second class description dynamically and have all 3 alternatives defined in your normal static css file - eg:
<div class="main_content,' . <?php echo $custom_text_class;?> . '">
Which would output: <div class="main_content,small_text">
And set $custom_text_class based on the user's cookie or session variable or whatever.
I just did this for a client. They had a Windows server, though...so I had to use ASP. But you can use ASP *or* PHP to switch the stylesheets to show a larger font size quite easily.
The two tutorials I used were:
Hope that helps you out!
Thanks everyone! Some great ideas there - a few are a bit beyond my level of expertise, but I can get some help on that. If it comes to using php, that would be fine as this site is on a unix server.
It may take me a while to get the first one done, but any future sites I make using this should be faster and easier.
You could use relative font sizes instead of absolute ones and allow the visitor to set -depending on his/her needs- an appropriate font size as default.
Personally I think hat's how it was intended to be used.
|You could use relative font sizes instead of absolute ones and allow the visitor to set -depending on his/her needs- an appropriate font size as default. |
This is true, too. In the site I did, I made sure that that option was also available - however, the client *wanted* an "enlarge text" button. The client's (in my case) customer base were elderly, and apparently a lot of them (prior to redesign) had no idea you could change the font sizes within the browser - they would complain to the client about the "tiny font sizes". So they wanted the button.
Sure, there are people out there who know how to do it, but for the ones who don't, it's a nice option to have :)
I think chosing colors, fonts, avoiding italics, using a decent line spacing etc., all can enhance the readability as well.
W3C has a page about it (and has some great links to illustrate the arguments)
There is of course also their accessibility project and that lists a nice matrix you could use to tell your visitor how to change the font-size on the fly.
[Hope it's OK to reference w3c, I'm not associated with them at all]