Language selection


Disclaimer overlay design pattern: design system

The disclaimer overlay pattern ensures that terms of use, privacy statements and similar forms of disclaimer are available where required, but do not obstruct access to the main content of the page. It consists of a trigger link that activates a dismissible overlay where the disclaimer text appears.

When to use this pattern

  • Use where disclaimers (privacy statements, terms of use, etc.) are required, to avoid linking away from the current page
  • Never use for content that is essential to completing the primary task of the page

How to use this pattern

  • Label the trigger link with “Terms and conditions,” “Privacy statement,” or similar
  • When triggered, the overlay displays the disclaimer content in a secondary window (modal dialogue)
  • Disclaimer overlays must only include one action, which is to close them – this action is enabled by a clickable “X” in the upper right corner and a button labeled “Close” at the bottom of the overlay
  • Closing the overlay returns a person to the page containing the link that was used to activate it
  • Until the overlay is dismissed, the window under the disclaimer overlay is inert; people cannot interact with content outside of the overlay window (to avoid issues with assistive technology interpreting what is displayed)
  • Use only WET Centred popup (Lightbox) for this pattern

Working example


Disclaimer overlay pattern
Screenshot illustrating the Web Experience Toolkit (WET) centered overlay pop-up, being used to display disclaimers and legal information on Details on this graphic can be found in the surrounding text.

Page details

Date modified: