Technique H25: Providing a title using the title element

About this Technique

Important Information about Techniques and ACT Rules

This technique is Sufficient to meet 2.4.2: Page Titled See Understanding Techniques for WCAG Success Criteria when used with G88: Providing descriptive titles and Understanding ACT Rules for Web pages WCAG Success Criteria . for important information about the usage of these informative techniques and rules, and how they relate to the normative WCAG 2.1 success criteria. The Applicability section explains the scope of the technique, and the presence of techniques for a specific technology does not imply that the technology can be used in all situations to create content that meets WCAG 2.1.

Applicability

HTML and XHTML

This technique relates to Success Criterion 2.4.2: Page Titled (Sufficient when used with as a way to meet G88: Providing descriptive titles for Web pages ) .

Description

All HTML and XHTML documents, including those in frames, individual frames in a frameset, have a title element in the head section that defines in a simple phrase the purpose of the document. This helps users to orient themselves within the site quickly without having to search for orientation information in the body of the page.

Note that the (mandatory) title element, which only appears once in a document, is different from the title attribute, which may be applied to almost every HTML and XHTML element.

Examples

Example 1

This example defines a document's title. <!doctype html> <html lang="en"> <head> <title>The World Wide Web Consortium</title> </head> <body>

This example defines a document's title.

<html xmlns="http://www.w3.org/1999/xhtml">   
   <head>     
      <title>The World Wide Web Consortium</title>     
   </head>   
   <body>     

      ...   
  </body> 

   </body> 

</html>
Other sources No

Resources

Resources are for information purposes only, no endorsement implied.

Related ACT Rules

Tests

Procedure

  1. Examine the source code of the HTML or XHTML document and check that a non-empty title element appears in the head section.
  2. Check that the title element describes the document.

Expected Results

  • Checks 1 and 2 are true.
Test Rules The following are Test Rules related to this Technique. It is not necessary to use these particular Test Rules to check for conformance with WCAG, but they are defined and approved test methods. For information on using Test Rules, see Understanding Test Rules for WCAG Success Criteria . HTML page has non-empty title Back to Top
Help improve this page Please share your ideas, suggestions, or comments via e-mail to the publicly-archived list group-ag-chairs@w3.org or via GitHub E-mail Fork & Edit on GitHub New GitHub Issue Date: Updated 20 June 2023. Developed by Accessibility Guidelines Working Group (AG WG) Participants (Co-Chairs: Alastair Campbell, Charles Adams, Rachael Bradley Montgomery. W3C Staff Contact: Michael Cooper). The content was developed as part of the WAI-Core projects funded by U.S. Federal funds. The user interface was designed by the Education and Outreach Working Group ( EOWG ) with contributions from Shadi Abou-Zahra, Steve Lee, and Shawn Lawton Henry as part of the WAI-Guide project, co-funded by the European Commission. W3C Web Accessibility Initiative (WAI) Strategies, standards, and supporting resources to make the Web accessible to people with disabilities. Twitter Feed YouTube Get News in Email Copyright © 2023 World Wide Web Consortium ( W3C ® ). See Permission to Use WAI Material . Contact WAI Site Map News Accessibility Statement Translations Resources for Roles document.addEventListener('DOMContentLoaded', (event) => { document.querySelectorAll('pre').forEach((el) => { hljs.highlightElement(el); }); }); var translationStrings = {}; /* fix WAI JS */ var _paq = _paq || []; /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ _paq.push(["setDoNotTrack", true]); _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function() { var u="//www.w3.org/analytics/piwik/"; _paq.push(['setTrackerUrl', u+'piwik.php']); _paq.push(['setSiteId', '328']); var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s); })();