document-title
Web validation
<title> element to aid in navigation.A page title tells people where they are without making them read the full page. Assistive technologies announce the text inside the <title> element as soon as a page loads, so users can decide whether to stay or move on.
A short, unique, and descriptive title also improves search results and keeps browser tabs easy to scan.
Pass Patterns
Providing a descriptive title
The <title> element names the page and the site, so users know where they are.
<!DOCTYPE html>
<html lang="en">
<head>
<title>Order Confirmation - MyShop</title>
</head>
<body>
...
</body>
</html>Updating the title in a single-page app
The app sets document.title when the view changes, so the title stays accurate.
import { useEffect } from "react";
function AccountPage() {
useEffect(() => {
document.title = "Account settings - FlowBank";
}, []);
return <h1>Account settings</h1>;
}Fail Patterns
Missing the title element
The page has no <title> element, so assistive technology has nothing to announce.
<!DOCTYPE html>
<html lang="en">
<head>
<!-- missing <title> -->
</head>
<body>...</body>
</html>Leaving the title empty
The <title> element is present but empty, so it still gives no page name.
<title></title>WCAG techniques
Sufficient techniques
Advisory techniques
Failure techniques
ACT Rules
Try It Yourself
Using a screen reader
New to screen reader testing, or need a refresher?
Review this article first: Practical guides for using screen readers
- Load the page with a screen reader running.
- Listen to the first announcement.
Expected results: The screen reader announces a page title that describes the page.
Actual results: When nothing or an unhelpful phrase is announced, the title is missing or empty.
Inspecting the browser dev-tools
- Open your browser's dev tools.
- Find the
<title>element inside the<head>. - Check that it contains text that names the page.
Expected results: The <title> element contains non-empty text that describes the page.
Actual results: The <title> element is missing or empty.
FAQ
How does this issue relate to 2.4.2 Page Titled?
SC 2.4.2 requires every page to have a title that describes its topic or purpose. A missing or empty <title> element fails this criterion. This automated check verifies that a non-empty title is present; whether the title is descriptive is covered by the related meaningful page title validation.
Why is this issue marked as Serious?
Without an informative title, screen reader users cannot quickly confirm where they are, and all users may struggle to tell open tabs or bookmarks apart. This creates disorientation and slows navigation across browsers and assistive technologies.
Standards and Regulations
| Standard | Success Criterion | Reference |
|---|---|---|
| WCAG 2.2 | 2.4.2 Page Titled (A) | Web pages have titles that describe topic or purpose. |
| EN 301 549 | 9.2.4.2 Page Titled | Same as the WCAG text. |
| 508 Trusted Tester | 2.4.2-page-title-defined, 12.A | A <title> element is defined for the web page. |