@ec-europa/ecl-page-headers

Page header

Why and how to use this component

Users need a way to easily identify the branding, to search and change the language if needed.

• the page title functions as the top level H1.
• it is also used to construct the <title> element (mandatory).
• gives context and confidence to the user so they know they are looking at the right piece of content.
• provides an H1 title for accessibility and SEO purposes.

Page header types

• default page header
• basic page header

Default page header	Basic page header
Mandatory components	Mandatory components
Breadcrumb	Breadcrumb
Page title	-
Optional components	Optional components
Meta items	Meta items
Site identification	Site identification
Page introduction	-

When to use this component

Default page header	Basic page header
detail pages and landing pages	detail pages and landing pages
navigation menu not allowed	navigation menu
default implementation	page title and page introduction elements should be placed on the body of the page