Text

When text is presented as an image of text, that limits peoples' ability to change the appearance of that text. So wherever possible, use text along with CSS to apply styling.

Color is a powerful visual means of presenting or distinguishing information, but when you use color to identify or distinguish information, make sure that this information is still available to people who can't perceive color.

There are a number of ways to zoom web-page content in to enlarge text without needing to provide explicit controls to do so. To avoid diminishing this variety of user control, you have to be careful how you code font sizes.

Expandables (sometimes called “collapsible” or “disclosure widgets”) are simple interface patterns that allow you to expand and collapse content.

Whether you provide controls using standard HTML elements or create custom controls, ensure that controls are given appropriate names.

The heading levels (1-6) are often considered a way of describing and determining the “importance” of a heading, with h1 being the most important.

For a readable interface, it's important to use visual cues to group or separate content to show which content relates to other content.