
A web page must contain a `<title>` element that describes its topic or purpose.

## Why it matters

Typically, the first thing a user learns about a web page is its title. The title is displayed in the browser tab and in search engine results, and it’s announced by assistive technologies as soon as a user navigates to a page.
A descriptive page title helps everyone, especially users of assistive technologies, determine whether a page contains information relevant to their current needs.

## How to fix

Include a non-empty `<title>` element in the `<head>` section.

## Example

<PassFailGrid>
<FailSection>

This web page is missing the `<title>` element. Users can't whether the page contains relevant information until they examine it.

</FailSection>
<FailExample example={`<head>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="https://mycompany.com/StyleSheets/home">
</head>
`} />
<PassSection>

The page's `<head>` section includes a descriptive `<title>` element.
Everyone has a quick way to judge whether the page contains relevant information.

</PassSection>
<PassExample example={`<head>
[<title>How to Contact My Company</title>]
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="https://mycompany.com/StyleSheets/home">
</head>
`} />
</PassFailGrid>

## About this rule

This rule passes if:

-   Document has a non-empty `<title>` element

## More examples

<Links>
    <HyperLink href="https://www.w3.org/WAI/WCAG21/Understanding/page-titled.html">
        Understanding Success Criterion 2.4.2: Page Titled
    </HyperLink>
</Links>


document-title

Why it matters

How to fix

Example

Fail

Pass

About this rule

More examples