Hall of Web Page Fame & Shame

Poor vs. Better Web Page Usability

Shame Friendly
  1. AFL-CIO - tiny body text1, 2
  2. AIMIA - screenshot2, 6
  3. AOL - tiny body text1, 2
  4. Apple Computer - most text in images
  5. AT&T - tiny body text1
  6. Bank of America - tiny body text1
  7. Barnes & Noble - micro body text1, 2
  8. Bigcharts.com - tiny body text1, 2
  9. CBS TV - micro body text1, 2
  10. CBS Market Watch.com - micro body text1
  11. Chase Bank - micro body text1
  12. Chicago Tribune - tiny body text, unintelligible sidebar text1, 2
  13. City of Jacksonville - micro body text1, 2
  14. City of Los Angeles - tiny body text3
  15. City of New York - micro body text2
  16. City of Tampa - micro body text1
  17. CNet News.com - tiny body text1
  18. Cnn.com - micro body text1, 2
  19. Cnn/Money - micro body text1, 2
  20. Coca Cola - micro body text1, 2
  21. Creative Labs - micro body text1, 2
  22. Dell Computer - tiny body text1, 2
  23. Dell Digital Web Magazine - small body text1
  24. Dolphin Computer Access - small body text1, 8
  25. Earthlink - micro body text1, 2
  26. eBay - tiny body text
  27. Economist.com - tiny body text
  28. ESPN - micro body text2
  29. Federal Express - micro body text1, 2
  30. Ford Motor Company - micro body text2
  31. Fox.com - micro body text1, 2
  32. Gateway Computer - micro body text1, 2
  33. General Motors - tiny body text3
  34. Geocities - micro body text
  35. Google Groups - small body text
  36. Guardian Unlimited - small body text
  37. Home Depot - tiny body text, text in images
  38. HotWired - micro body text & low contrast
  39. HTML Center tiny body text1, 2
  40. IBM - text in images; tiny body text1, 2
  41. Infospace.com - tiny text
  42. Intel - text in images, micro body text1, 2
  43. Internet.com - text in images, tiny body text1, 2
  44. IRS Forms & Publications - tiny body text1, 2
  45. Knoppix - micro body text 2
  46. Kodak - text in images, micro body text1, 2
  47. Learn2 - micro body text1, 2
  48. Loot.com - tiny body text1
  49. Mac Life - micro body text1, 2
  50. Mercedes Benz - crashes Netscape 3, text in images3
  51. Micro$oft.com - King of poor usability. Tiny body text. 1 Serving up broken page code only to users of browsers not containing the words "Internet" and "Explorer" in their names.
  52. Mothernature.com - tiny body text1, 2
  53. Motley Fool - tiny body text1, 2
  54. Msn.com - tiny body text1
  55. NASA - tiny body text, without plugin black screen in IE1, 2
  56. Newegg.com - warns in tiny red text to "lower your browser's text size setting" when zoomed or defaulted big enough to read
  57. National Football League - micro body text1, 2
  58. National Organization for Women - micro body text1
  59. National Rifle Association - micro body text3
  60. NBC - micro body text1, 2
  61. NBCi - tiny body text
  62. Netscape - tiny body text1, 2
  63. Northwestern University - micro body text1, 2
  64. New York Times - tiny body text, poorly tolerates zoom1, 2
  65. PBS - micro body text1, 2
  66. Performance Technologies GroupTM - screenshot1, 8
  67. Register4less.com - tiny body text1, 2, 5
  68. Rotarynews.com - tiny body text
  69. Sears - tiny body text1, 2
  70. SES Americom - micro body text1, 2
  71. Solutions for Humans - micro body text1, 2, 8
  72. Skills for Access - micro body text paradox1, 11
  73. Sony - micro body text1, 2
  74. State & Local Government on the Net - small body text1, 2
  75. State of Arkansas tiny body text1, 2
  76. State of Florida micro body text1, 2
  77. State of Illinois - tiny body text1
  78. State of Massachusetts - tiny body text1, 2
  79. State of Michigan - tiny body text3
  80. State of Minnesota Judicial Branch - micro body text1, 2
  81. State of New Hampshire - micro body text1, 2
  82. State of New Jersey - micro body text1
  83. State of New York - main menu requires plugin
  84. State of Pennsylvania - micro body text3
  85. State of Texas - everything in Texas isn't big after all 2
  86. State of Washington - micro body text1, 2, 3
  87. Sun Microsystems - tiny body text1, 2
  88. Superpages.com - tiny body text
  89. Symantec - micro body text1, 2
  90. Target.com - micro body text2, 3
  91. TD-Ameritrade - micro body text1, 2
  92. Yahoo! Tech - tiny body text1
  93. Tesco.com - tiny body text1
  94. ThisisLondon.com - tiny body text1, 2
  95. Tom's Hardware Guide - micro body text
  96. TV Guide - micro body text1, 2, 3
  97. U S Congress - micro body text, blinking banner ads, text in images
  98. U S House of Representatives - micro body text2
  99. U S Senate - tiny body text2
  100. UCLA - low contrast, micro body text2, 3
  101. UNC Highway Safefy Research Center - tiny body text1
  102. WABC TV - micro body text2
  103. Wal Mart - micro body text1, 2
  104. The Wall Street Journal - small body text1, 2
  105. Washington DC - micro body text1, 2
  106. Webcredible - tiny text paradox1, 11
  107. WebMD.com - text in images3
  108. Webmonkey.com - low contrast, tiny body text2
  109. Webreview - micro body text1, 2
  110. Die Welt.de - tiny body text2
  111. Web Pages That Suck - micro body text1, 2
  112. Westciv.com - tiny text paradox1, 11
  113. Yahoo.com - tiny body text

  1. Accessible Internet
  2. Accessites.org4
  3. CSS Pointers Group
  4. First Baptist Church of Milford
  5. Internet FAQ Archives
  6. Epiphany Web Browser
  7. Galeon Web Browser
  8. Medicare.gov
  9. NIHSeniorHealth.gov
  10. The Register
  11. Steak 'n Shake
  12. Webdesign-L.com
  13. Webnauts
  14. World Wide Web Consortium
  15.  
Dishonorable Mention Tyranizing the Disadvantaged8
  1. Evangelizing Less Than All the World
  2. Adelphia - small text5
  3. AltaVista - tiny text5
  4. Amazon.com - small text5
  5. City of Atlanta4
  6. City of Baltimore - small text5
  7. City of Miami - small text, low contrast5
  8. Dr Koop - small text5
  9. Federal Citizen Information Center - small text, text in images5
  10. GE - small text, low contrast5
  11. Metropolitan Opera - text in images, links hide with zoom5
  12. MIT - small fixed size text5
  13. Mozilla - small text, low contrast5, 9
  14. NCAA - micro body text5
  15. Opera Software - small text5, 9
  16. Search.com - tiny text5
  17. St Louis Area Mensa - small text5
  18. State of California - tiny text5
  19. Commonwealth of Virginia - tiny text5
  20. Wired.com - tiny text5
  21. ZDNet - text in images, small text5
  1. Americans with Disabilities Act - small text in images1
  2. AARP - tiny text
  3. City of Marco Island - small text, text in images
  4. City of St Petersburg - micro body text1, 2, 7
  5. Cynthia Says - small, or tiny, body text1, 10
  6. FirstGov.gov for Seniors, - tiny text1
  7. Gray Panthers - small text, text in images
  8. National Council on Aging, tiny text1, 2, 3
  9. Section 508 Home Page - tiny text1, 2
  10. Senior Corps, - micro text1, 2
  11. Seniorsafety.com, - tiny text1, 2
  12. Silvert's, - tiny text1, 2
  13. US Social Security - small body text, tiny link text
  14. Spinlife.com - micro body text1, 2
  15. State of Arizona - micro body text1, 2
  16. State of Florida - small text, text in images
  17. Usability.com - low contrast3
  18. WebUsability Au - small body text1
  19. Veterans Administration - text in images, tiny menu text
  20. Webusability.com - plugin required
Note 1 indicates use primarily of the visitor's default text size for body text, and adequate contrast, for most of the home page, when visited with Netscape 3.
Note 2 indicates text is sized either wholly or substantially using pixels and/or points, which prevents users of Internet Explorer from enlarging text to a readable size with its text sizer.
Note 3 indicates substantial text is sized by embedding in images, which prevents users of most browsers from enlarging text to a readable size.
Note 4 former member of the Shame column, redesigned to make site friendlier.
Note 5 former member of the Friendly column, redesigned to make site less accessible.
Note 6 If you can't read it, nothing else matters.
Note 7 Missing content in Netscape 3.
Note 8 This paradoxical group consists of sites targeted directly to the physically challenged or to reducing burdens upon the physically challenged, or sites addressing usability and/or accessibility issues, or sites targeted largely or wholly to senior citizens, the group with poorest average eyesight.
Note 9 They decide what size their browsers should default to. Why don't they use it on their web sites?
Note 10 Site sets a font-family rule that makes no sense: 'Verdana, "Times New Roman", sans-serif'. Times New Roman is a sans-serif font that is significantly smaller than Verdana. This means visitors who do not have Verdana installed but do have Times New Roman or some other Times variant installed can expect to see text substantially smaller than those with Verdana installed, and with serifs instead of without. The only rational explanation for such a rule is that the site was created by non-sighted persons with no assistance from anyone with professional site design experience and normal vision. This problem is compounded by the imposition of fonts 85% of the visitor's default. This is a screenshot of the site and several others on a system without Verdana installed.
Note 11 Why don't they use what they recommend on their web site? This is how hypocrisy is defined.
Note 12Mixture of CSS and presentational markup produces large horizontal scrollbar when viewed using minimum font size or text zoom or with author styles disabled, and extraordinarily long line lengths otherwise. View screenshot taken with 12pt minimum font size engaged.

Tiny? Micro? What do these mean?

Here, the pages were visited using a screen resolution of 1024 X 768 or above. Since the advent of very high resolutions and monitors of 17" inches and larger, the old standards of 640 X 480 VGA and 800 X 600 SVGA have lost so much ground that fewer than 20% of users use them. 1024 X 768 is the most common "happy" or "ideal" resolution for popular low cost flat panel displays. 1024 X 768 is today's median resolution.

Next, the most web-standards-compliant browser currently available, Firefox, was used to visit each site. Firefox was used with its default (1em) font size of 16 pixels. At 1024 X 768 and 120 DPI, 16 pixels produces a default font size compatible with other apps and the OS, 10 point, which is the size recommended by usability expert Jakob Nielsen as a web page minimum.

So, what means "tiny" and "micro"? Using the above settings, "tiny" is approximately equivalent to 7 point and the CSS value "x-small". It renders at approximately .6875em, which, if CSS is enabled in your browser, looks like this: tiny. "Micro" is approximately equivalent to 6 point and the CSS value "xx-small". It renders at approximately .5825em, which, if CSS is enabled in your browser, looks like this: micro. Also if CSS is enabled in your browser, actual x-small and xx-small are: x-small and xx-small.

Some References


Parent page
Valid HTML 4.01!
Last Modified
2008/03/25
© Felix Miata
Felix's Home