a11y/page-title

Why

The title is the first thing a screen reader announces and the label of the tab, the history entry and the bookmark. Search engines show it as the result heading.

Fix

Add <title> inside <head>, most specific part first: <title>Checkout – Example Shop</title>. Frameworks set it through their metadata API (Next.js metadata, Nuxt useHead, SvelteKit <svelte:head>); this check reads only plain HTML and Astro documents, and skips a head that renders a component which may set the title.

Examples

<!-- bad -->
<head><meta charset="utf-8"></head>
<!-- good -->
<head><meta charset="utf-8"><title>Checkout – Example Shop</title></head>

Sources

• WCAG 2.2, Understanding SC 2.4.2 Page Titled
• MDN, the title element

Read it in the terminal

npx github:dawidolko/frontend-skills explain a11y/page-title