Each web page must have a <title> element that describes the page's topic or purpose.

Why are page titles necessary?

<title> elements help users by:

• identifying a page within a set of browser tabs
• identifying the topic or purpose of a page immediately, without the user having to read the page content
• announcing the page topic or purpose to users of assistive technology

Single Page Applications (SPAs)

For single-page applications, views that a user perceives as unique pages should also have unique page titles.

This includes each "page" in a multi-page form or other "wizard" type experience: as long as the user experiences the view as a page, it should have a unique title.

Announcing titles in SPAs

In single page applications, updating the document.title attribute does not trigger any announcement. Instead, in addition to changing the the document.title attribute, the update should be announced using an aria-live region.

SPA Page Title resources:

Angular: see Page and view titles section in Single page applications, Angular.js and accessibility

React: see Setting the page title section in Creating accessible React apps

Related WCAG Criteria

WCAG 2.4.2 Page Titled