The <head> Element
As defined in the HTML Living Standard, the <head> element represents a collection of metadata for the Document. This includes things like the title of the page, links to scripts and stylesheets, and instructions for search engines.
<meta charset="UTF-8">
<title>The Page Title</title>
<link rel="stylesheet" href="style.css">
</head>
The <head> is the first child of the <html> element and its contents are not rendered directly in the main browser window.
Accessibility Impact: The Page Title
The most important accessibility child of the <head> is the <title> element.
WCAG Requirement: Page Titled
Success Criterion 2.4.2 (Level A): Web pages have titles that describe topic or purpose.
The title is the first thing a screen reader announces when a page loads. It is also displayed in the browser tab and search engine results. A descriptive title allows users to quickly identify the page's purpose without having to navigate its content.
Understand SC 2.4.2: Page TitledStandard Metadata Children
<meta charset="UTF-8">: Declares the character encoding. This should be the first element in the head to avoid potential security and rendering issues.<meta name="viewport">: Essential for responsive design, ensuring the page scales correctly on mobile devices.<link>: Used to connect external resources like CSS files or icons.<style>and<script>: Containers for internal CSS or JavaScript logic.
A11y Tip: Language Declaration
While the lang attribute usually lives on the <html> tag, metadata in the <head> (like the title) relies on this declaration to be announced correctly by screen readers in the appropriate accent and language.