Headings, Titles, and Labels

Most users spend a considerable amount of time scanning rather than reading information on Web sites. Well-designed headings help to facilitate both scanning and reading written material. Designers should strive to use unique and descriptive headings, and to use as many headings as necessary to enable users to find what they are looking for-it is usually better to use more rather than fewer headings. Headings should be used in their appropriate HTML order, and it is generally a good idea not to skip heading levels.

Designers should ensure that each page has a unique and descriptive page title. When tables are used, designers should make sure that descriptive row and column headings are included that enable users to clearly understand the information in the table. It is occasionally important to highlight certain critical information.

Use Clear Category Labels:

• Ensure that category labels, including links, clearly reflect the information and items contained within the category.
• Category titles must be understood by typical users. Users will likely have difficulty understanding vague, generalized link labels, but will find specific, detailed links, and descriptors easier to use.

Provide Descriptive Page Titles:

• Put a descriptive, unique, concise, and meaningfully different title on each Web page.
• Title refers to the text that is in the browser title bar (this is the bar found at the very top of the browser screen). Titles are used by search engines to identify pages. If two or more pages have the same title, they cannot be differentiated by users or the Favorites capability of the browser. If users bookmark a page, they should not have to edit the title to meet the characteristics mentioned above.
• Remember that some search engines only list the titles in their search results page. Using concise and meaningful titles on all pages can help orient users as they browse a page or scan hot lists and history lists for particular URLs. They can also help others as they compile links to your pages.
• To avoid confusing users, make the title that appears in the heading of the browser consistent with the title in the content area of the pages.

Use Descriptive Headings Liberally:

• Use descriptive headings liberally throughout a Web site.
• Well-written headings are an important tool for helping users scan quickly. Headings should conceptually relate to the information or functions that follow them.
• Headings should provide strong cues that orient users and inform them about page organization and structure. Headings also help classify information on a page. Each heading should be helpful in finding the desired target.
• The ability to scan quickly is particularly important for older adults because they tend to stop scanning and start reading more frequently. If headings are not descriptive or plentiful enough, the user may start reading in places that do not offer the information they are seeking, thereby slowing them down unnecessarily.

Use Unique and Descriptive Headings:

• Use headings that are unique from one another and conceptually related to the content they describe.
• Using poor headings (mismatches between what users were expecting and what they find) is a common problem with Web sites. Ensure that headings are descriptive and relate to the content they introduce.
• If headings are too similar to one another, users may have to hesitate and re-read to decipher the difference. Identifying the best headings may require extensive usability testing and other methods.

Highlight Critical Data:

• Visually distinguish (i.e., highlight) important page items that require user attention, particularly when those items are displayed infrequently.
• Items to highlight might include recently changed data, data exceeding acceptable limits, or data failing to meet some other defined criteria. Highlight is used here in its general sense, meaning to emphasize or make prominent. Highlighting is most effective when used sparingly, i.e., highlighting just a few items on a page that is otherwise relatively uniform in appearance.

Use Descriptive Row and Column Headings:

• Ensure that data tables have clear, concise, and accurate row and column headings.
• Use row and column headings to indicate unique cell contents. Users require clear and concise table headings in order to make efficient and effective use of table information. Row and column headings will indicate to screen readers how data points should be labeled or identified, so the user can understand the significance of the cell in the overall scheme of the table.

Use Headings in the Appropriate HTML Order:

• Use headings in the appropriate HTML order.
• Using the appropriate HTML heading order helps users get a sense of the hierarchy of information on the page. The appropriate use of H1-H3 heading tags also allows users of assistive technologies to understand the hierarchy of information.

Provide Users with Good Ways to Reduce Options:

• Provide users with good ways to reduce their available options as efficiently as possible.
• Users seem willing to reduce their options quickly. Provide all options clearly so that users can focus first on selecting what they consider to be the most important option.

Source:[usability.gov]