Footer

Angular

See content

A large perceivable region that contains information about the application. This <footer> element contains the role='contentinfo'.

Usage

It contains information on the functioning of the site or legal information. This can include legal notices, credits, terms of use, copyright, a site map and possibly links to privacy and accessibility statements accessibility.

When to use

Be careful, this component has a 'contentinfo' role, unique in the site, and must not be confused with any other content that can be tagged in HTML5 with the <footer> element. This footer[role="contentinfo"] component is therefore reserved for the main footer and must be unique in the page (see example 'single'). However, there can be several footer tags (see example 'multiple').

Technical definition provided by WAI-ARIA: Contentinfo (role):

A large perceivable region that contains information about the parent document. Examples of information included in this region of the page are copyright and links to privacy statements. User agents SHOULD treat elements with the contentinfo role as navigational cues. In a document or application, the author should not mark more than one element with the contentinfo role.

Note

Because document and application elements can be nested in the DOM, they can have multiple contentinfo elements as descendants in the DOM, assuming that each is associated with different document nodes, either through nesting in the DOM (e.g., document within document) or through the use of the aria-owns attribute.

Log in

Log in with Michelin ID

To connect to the Design System, I will need:

  • A Michelin ID (e.g. F012345)
  • Double authentification (with the NetIQ application or by SMS)
  • A password associated with your Michelin ID

I don’t have a Michelin ID and/or email

In order to connect to the Design System, I need:

  • A user ID or an email
  • A password

If you have never accessed the Design System, you can request access via this link.