@ec-europa/ecl-page-headers

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 |