WCAG (Level A) SC 2.4.2 Page Titled (w3.org)
Issue description
WCAG 2.4.2, “Page Titled” is a fundamental accessibility guideline that requires every web page to have a descriptive and informative title. This seemingly simple requirement is crucial in providing users with context and orientation, especially for people who use assistive technologies or have cognitive disabilities. Many websites have web pages with:
- Missing titles: The page has no title at all.
- Generic titles: The title is generic and doesn’t accurately reflect the content of the page (e.g., “Home” or “Untitled”).
- Duplicate titles: Multiple pages have the same title, making it difficult to distinguish them.
Why page titles matter
- Orientation and context: Page titles provide users with a concise summary of the page’s content, helping them understand where they are within the website and what information to expect.
- Navigation: Titles appear in browser tabs, bookmarks, and search engine results, helping users identify and navigate to the desired page.
- Assistive technologies: Screen readers announce page titles, providing users with immediate context and allowing them to navigate between pages effectively.
- Cognitive differences: Clear and informative titles aid users with cognitive disabilities in understanding the purpose and content of the page.
Essentially, this guideline ensures that every page has a unique and descriptive title that accurately reflects its content. This simple but crucial element contributes significantly to a user-friendly and accessible web experience for everyone.
Who this issue impacts
Follow the links for additional information on user impairments:
Suggestions for remediation
Remediating WCAG 2.4.2, “Page Titled” involves ensuring that every web page on your site has a descriptive and informative title. Here’s how:
Add missing titles
- Element: Ensure that every page has a
<title>element within the<head>section of the HTML document. - Unique titles: Give each page a unique title that accurately reflects its content and distinguishes it from other pages on the site.
Improve generic titles
- Specific and descriptive: Replace generic titles like “Home” or “Untitled” with more specific and descriptive titles that summarize the page’s main topic or purpose.
- Front-load important keywords: Place the most important keywords at the beginning of the title to improve search engine optimization and user understanding.
Address duplicate titles
- Unique titles for each page: Ensure that no two pages have the same title. Modify titles to reflect the unique content or purpose of each page.
Title length and formatting
- Concise titles: Keep titles concise and to the point, ideally under 60 characters, to ensure they are fully displayed in browser tabs and search results.
- Avoid special characters: Avoid using unnecessary special characters or symbols in titles, as they can be confusing for users and assistive technologies.
Tools and validation
- Content management systems (CMS): Most CMS platforms provide a way to set page titles easily.
- HTML validators: Use HTML validators to check for missing or invalid title tags.
Examples
- Instead of: Home
- Use: Acme Corporation – Home
- Instead of: Product Page
- Use: Acme Widget – Product Details | Acme Corporation
- Instead of: About Us (for multiple pages)
- Use:
- About Acme Corporation
- Our Team | Acme Corporation
- Our History | Acme Corporation
- Use:
By following these practices, you can ensure that every page on your website has a clear, informative, and unique title, improving navigation and accessibility for all users.
