Recommended Elements: Navigation and Style Sheets

Place the primary navigation in an easily noticeable area, preferably adjacent to the main body of the page.

Standardize the appearance of your navigation to make it easy to distinguish this critical component from everything else on the page.

Group similar navigation items next to each other. Grouping helps users differentiate among similar or related categories.

Don’t provide multiple navigation areas for the same type of links. For example, don’t have multiple areas for categories or multiple areas for news. Groups that are too similar can fragment and complicate the interface.

Don’t use made-up words for category names. Categories need to be easily distinguishable from each other.

Accessibility recommendation: Provide a method that permits users to skip repetitive navigation links.

Style Sheets

Cascading Style Sheets (CSS) is the World Wide Web Consortium standard language for the visual presentation of web pages. Using CSS cuts down on page file size, improves search engine optimization, and gives web publishers a faster way of presenting their content to viewers.

One of the main benefits of CSS is that it separates the content of a web page from its appearance. This allows web editors to update content without affecting the layout. It also enables web designers to change the presentation without affecting the content.

Use external style sheets for all the pages on your site, rather than embedded styles. This allows you to update multiple documents by making a single change to the style sheet. Using external style sheets also means that your style definitions only need to be downloaded once by the user.

Accessibility recommendation: Organize documents so they are readable without requiring an associated style sheet.

« Prev | Table of Contents | Next »