Footnotes and disclaimers
The footnotes component in AEM is used for footnotes that can be attributed to a particular fact or area on the page to denote citations or references and disclaimers that apply to the page as a whole. Footnotes are noted with superscript numbers to call attention to them. Footnote text displays both at the bottom of the page as well as in a tooltip accessed by interacting with the superscript numbers. Disclaimers also appear at the bottom of the page, typically after footnotes.
When to use
- To denote content citations or references on a particular fact or area on the page or apply to the page as a whole
- Content in paragraph or lists
When not to use
- Do not use footnotes in headings
- Do not use asterisks or other symbols to denote footnotes
Anatomy
- Superscript number: found in page content that can be interactive and act as an access point for a tooltip or be inactive and just reference the footnote in the numbered list found at the bottom of the page
- Numbered list with heading: found above disclaimers at the bottom of page
- Disclaimers: found below footnotes at the bottom of the page but they can be repositioned to be above footnotes if needed
Demos & variations
On page
Footnotes and disclaimers will show on page by default.
Lorem ipsum dolor sit amet1, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.2
Scrollable
Option to put footnotes and disclaimers with 6 or more lines in a scrollable box as compliance allows.
Placement rules
Footnotes and disclaimers should be placed at the bottom of the page. Scrollable disclaimers should be placed right above the footer, while on page footnotes and disclaimers may sit above elements such as autopilot links and the share component.
By default footnotes will be placed above disclaimers, but they can be reordered for disclaimers to be first if needed.
Behaviors
Interactions
When users click on an interactive footnote within content on the page, they will see a tooltip with important footnote text inside.
Content
Be sure that footnotes are clearly noted in your content documentation.