Footer

Install

Examples

Default

Set copyright and point licence-href at your legal page; the Logo mark is built in.

Custom link label

Change licence-label for other legal destinations like Terms or Privacy.

Guidelines

Usage

page footers, the bottom of marketing sites, and legal pages. Pairs with the Header at the top of the page.

Accessibility

• Landmark: wrap the element in a native <footer> (or add role="contentinfo") so it’s announced as the page footer landmark.
• Link: the licence is a real <a> — keyboard focusable, with a label describing the destination.
• Logo: the built-in Logo mark is decorative here; the copyright text carries the brand meaning.
• Contrast: the secondary copyright text must still meet WCAG AA against the page background.

Properties

Related

• Header — the top-of-page counterpart.
• Logo — the brand mark shown in the footer.
• Divider — separate the footer from page content.