Feed ‘em for Life: Text Resize

Posted September 21st, 2007 by Mike Cherim

To the benefit of the entire industry, I ask that you do the same [help spread the word]

I had once written a text-sizing script, but in the article that accompanied it, I stated I didn’t feel it was really something that was necessary or that should be added to a web page because this is already a function of the browser and really doesn’t bring anything new or marvelous to the table. It’s not that it’s harmful, but rather just needless. Unfortunately, ignorance prevails and lots of people who surf the web don’t know even a fraction of what their browser is capable of. So the responsibility of accommodating the needs of site visitors ends up on the shoulders of the conscientious web developer. But that’s not how it should be.

Ian Lloyd, in cooperation with Accessify.com, is doing something to reduce the high level of ignorance out there, make the web better for all, and relieve developers of the self-imposed responsibility of doing things they shouldn’t have to. Ian is Teaching a man to fish (or how to resize text). In fact, he created a video on the subject and it’s quite good. For anyone who cannot view or hear the video, what follows is a transcript as provided by Ian:

If you are finding it difficult to read some text when viewing a web site you can resize the text up and down to suit your needs. However, by default web browsers — for example Internet Explorer and Firefox — do not make it obvious that you can do this; effectively they hide these useful controls.

Using Internet Explorer, otherwise known as IE, you can change the font size by selecting the View menu item and then selecting the Text Size option — you have 5 size settings to pick from. This is useful to know and once you select this setting, it is remembered for all web sites that you visit.

A better option is to place a text resize control permanently on your toolbar. To do this, press your right mouse button on the toolbar area to bring up the contextual menu and choose ‘Customize’. A list of available toolbar buttons appears on the left. Scroll down to the Text icon and then select ‘Add’. You can also change the display of the icons while you’re hear, just in case you find the toolbar icons a little small too. Once you hit the close button, you’ll see a Text Size control there, making it much easier to change the size.

If you are using IE 7, the process is much the same — right click on the toolbar, but you need to select ‘Customize Command Bar’ then ‘Add or Remove Commands’

In Firefox, you can increase the font size in a similar way to Internet Explorer. Unlike IE, you are not limited to 5 sizes (that being two notches up and two notches down from the default).

Unfortunately Firefox does not provide a toolbar icon for text resizing, even if you choose to customise. However, Patrick Lauke from the University of Salford has created an extension that creates a set of buttons that you can add to your toolbar. Simply go to the Firefox Extensions page and search for the ‘Text Size Toolbar’, or go to tinyurl.com/2ztudx. Once you’ve installed the extension and restarted Firefox, right click on your toolbar and choose customise. There you will find the resize buttons which you can drag and drop on to your toolbar.

There are other ways that you can change text size on a web page. If you have a mouse with a scroll wheel, simply hold down the CTRL key — or the command key if you are a Mac user — and move the scroll wheel up and down. For Firefox users, hold down the CTRL key and press the plus (+) and minus (-) keys. Finally, if you are using Internet Explorer 7, you can hold down the CTRL key and press the plus or minus keys which will zoom the whole page in and out of view. — Ian Lloyd

Ian wrote me today and kindly asked if I would publish this information and help spread the word. I’m behind him on this 100%, thus here I sit, writing. To the benefit of the entire industry, I ask that you do the same if you have the means of doing so.


10 Responses to: “Feed ‘em for Life: Text Resize”

  1. Georg responds:
    Posted: September 22nd, 2007 at 8:04 pm

    Ignorance is a mixed blessing, so I’m behind any effort to enlighten people.

    Now, if only there weren’t so many sites that break completely when we apply even the slightest degree of font-resizing to them.

  2. John Lascurettes responds:
    Posted: September 23rd, 2007 at 12:37 am

    So we can teach people to resize text. Long overdue for the ignorant, really. However, I don’t think this means one should stop doing things like alternate-CSS zoom layouts to accommodate low-vision and motor-impaired users. I don’t imply you are suggesting as much though.

  3. Georg responds:
    Posted: September 23rd, 2007 at 11:31 am

    Mike,
    all went fine, but I didn’t see any real mountains anywhere :-)
    I’m (very) slowly retracing my journey, based on more than 5000 pictures and a few pounds of other material.

  4. Georg responds:
    Posted: September 23rd, 2007 at 1:44 pm

    Passed through the White Mountains, and the scenery was fine. However, only an altimeter could tell a Norwegian more used to the mountains on the Norwegian West Coast, that he indeed was on a mountain.

    Nothing unexpected, just different landscape, climate, rock-types, and just about everything else. Now I’ve experienced small parts of it first hand, which is what the journey was all about.
    I may revisit your part of the world in the not too distant future - as part of my plans to circle the world, to experience more.

  5. ejcross.com responds:
    Posted: September 25th, 2007 at 9:15 pm

    Resize for your own eyes…

    There has been a lot of debate lately about how to design sites that allows for the most usable and accessible font size for each user. One of the greatest debates is how, as a designer and coder of a site, should in fact set the font size for the par…

  6. 1955 Design ยป Accessible Web Design responds:
    Posted: September 29th, 2007 at 6:41 am

    Text Resizing: A Primer…

    Apparently there are many web users who do not know how to utilize some of the accessibility features of their browsers. Are you one of them?
    For example, it seems as though some users don’t know how to resize the text on their browsers for eas…

Sorry. Comments are closed.




Note: This is the end of the usable page. The image(s) below are preloaded for performance only.