INTERACTION DESIGN PRINCIPLES FOR INTERACTIVE ...

Most graphics programs such as Photoshop have Web-safe color palettes built in,
which ensure cross-platform consistency. Additional guidelines for designing for the
Web include: make the ratio between text and background on a Web page high in
contrast; keep backgrounds low contrast and simple to reduce visual noise; do not use
pure red or blue text on white backgrounds to avoid chromatic aberration; do not use
highly saturated colors together; and finally, for accessibility reasons, make sure that the
message can still be clearly transmitted without color at all (Human Factors International,
2001).
4.3.5 Typography
Typography does not pose as much of a design issues for Web-based applications
as it does for television, since users are used to reading and scrolling through text on the
computer. The “lean forward,” or two-foot interface, also makes this activity easier.
Human Factors International provides the following typography design guidelines for
ensuring maximum legibility and accessibility in Web-based environments:
Use 10 point or larger for all text
Black text on white background is most legible
Don’t over-emphasize. Make bold or larger text size, not both
Avoid italics
Set leading 3-4 points larger than type size
Align left, rag right. The eye anchors on the vertical line of the left margin, makes
reading easier
Avoid all capital letters for running text. It slows reading 14-20%
Use ALT tags
Anti-alias large type, but not small
97