Website Design and Legibility
http://live.pirillo.com/ – Sometimes websites are just designed poorly. Sure, the colors, grammar, and positioning might be fine, but the font size may be horrible. Community member Lin has run into the problem on more than one occasion. Thankfully, there are a few things she can do to help her read websites will small font sizes.
First, you can usually increase the font size of a website by 150% or more with a keyboard shortcut or through the web browsers options.
Another option is to use bookmarklets. These are small pieces of javascript that can be saved to your favorites or bookmarks folder in your browser. When you access these scripts they will automatically be applied top the current website you're viewing.
Some bookmarklets include being able to change the background image (remove it entirely) or increase the font size.
Do you have any suggestions for dealing with bad web design?
Want to embed our Website Design and Legibility video in your blog? Use this code:
Formats available: MPEG4 Video (.mp4), Flash Video (.flv), MP3 Audio (.mp3), Microsoft Video (.avi)
You rely on your computer, and so do your customers. Keep your computers (and theirs!) running in near-perfect condition with the help of Optimize 3.0. Use it to get rid of unnecessary files and junk, clean out your registry, and even streamline boot times.
2 Comments
Rodney Copeland
July 16th, 2007
at 1:27pm
For IE: Accessibility Toolbar
For Firefox: Web Developer Toolbar
Both provide the capability to disable CSS. You may lose a lot of the layout, but at least you can read the text.
Hairgel_Addict
October 13th, 2007
at 1:31pm
I know this is a very old post, but I’ve been clicking trough videos on youtube and saw the one in this post and just needed to share an amazing bookmarklet that I’ve found just recently (and also I’m a recent viewer & subscriber):
The reason I’m “geeking” about this particular bookmarklet, because It actually replaced 2 of Firefox extensions (add-ons) I had installed before I’ve found it.
XRAY is a very helpful for Web Developers like me. I fully understand that It might not be as interesting for you as It is for me, but I got to write about it, coz I like it some much :)
What it does? In short, It allows to view information about any element on the page you loaded it, information like: ID, class name, inheritance hierarchy (html > body > element) and all CSS info about the element: width, height, padding, margin, etc.
I know you’re not a Web Developer, but again I had to write about it :)