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.
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
- Screen reader users can effortlessly identify the web resources they are viewing because the
titleelement content is easily read by screen readers such as Window-Eyes, Jaws and HAL.
- 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 .
- Using the
h1element 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
- Users can easily identify purposes of web resources.
Benefits to Developers
- Styling titles consistently across web resources is easier using CSS because
h1is designated to represent the title.
- As web developers separate structure from styling, it becomes easier to create and update resources.
- 13: The HTML element – Judging a document by its title (Opera Web Standards Curriculum)
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.
h1elements are used to describe sub page information and in some cases web site information
title elements are used to describe both web site and sub page information
Related Accessibility Requirements
Illinois Information Technology Accessibility Standards
- 1.3 Provide meaningful page titles.
- 1.4 Use headings to introduce sections and sub-sections, and use them in the correct order.
- 1.2 Use appropriate markup to convey document structure.
Web Content Accessibility Guidelines (WCAG) 2.0
Web Content Accessibility Guidelines (WCAG) 1.0
- 3.1 When an appropriate markup language exists, use markup rather than images to convey information.
- 3.5 Use header elements to convey document structure and use them according to specification.
- 13.4 Use navigation mechanisms in a consistent manner.
- 13.8 Place distinguishing information at the beginning of headings, paragraphs, lists, etc.