Unique Titling

Overview

Good web design allows users to easily identify what website and sub-section of the website they are viewing. The identity, or “branding,” of a website is done through the combination of text, colors, graphical styling and logos that are used for the overall look and feel of the site. Many people with disabilities cannot see or use the graphics for various reasons and therefore need to have unique title text to identify the website and the context of the current web page.

The title element in the head section needs to contain information about the website and sub-section, and the sub-section information needs to be contained in an h1.

Benefits to People with Disabilities

  1. Screen reader users can effortlessly identify the web resources they are viewing because the title element content is easily read by screen readers such as Window-Eyes, Jaws and HAL.
  2. Screen reader users can easily determine whether a new web resource has been loaded and what the purpose of the current web resource is. They do not need to guess by interpreting the information available on the web resource .
  3. Using the h1 element makes it easier for keyboard users, including people with physical disabilities and screen reader users, to navigate using keyboard command in some broswers.

Benefits to Everyone

  1. Users can easily identify purposes of web resources.

Benefits to Developers

  1. Styling titles consistently across web resources is easier using CSS because h1 is designated to represent the title.
  2. As web developers separate structure from styling, it becomes easier to create and update resources.

More Information

  1. 13: The HTML element – Judging a document by its title (Opera Web Standards Curriculum)

Markup

img[alt] (HTML4)

Using images to covery text content makes it difficult for people with visual impairments to restyle text content to their own needs, therefore images should not be used to style text content, use CSS instead.

h1 (HTML4)

title (HTML4)

title elements are used to describe both web site and sub page information

Related Accessibility Requirements

Section 508

Illinois Information Technology Accessibility Standards

Web Content Accessibility Guidelines (WCAG) 2.0

Web Content Accessibility Guidelines (WCAG) 1.0