Skip to content
ASP Digital Design System

Your web browser is out of date

Your web browser (the software you use to access the internet) is out of date. You need to update it or use a different web browser to ensure you can complete this form.

Cookies disabled

Cookies are currently not enabled in your web browser. You need to enable cookies to ensure you can complete this form.

Cookie banner

This component is dynamically via the inclusion of a JavaScript file and data attributes added via the footer element. For example <footer class=”asp-footer cookie-data” data-gatag=”UA-XXXXXX-XX” data-ga4tag=”G-AXAXXAXXAA”>, where data-ga4tag defines Google Analytics 4 tag Id “G-AXAXXAXXAA”

For the purposes of this demo; the HTML output has been hardcoded and to ensure it shows, no cookies are set in your browser.

Open this example in a new tab: cookie-banner

<div class="asp-cookie-banner" role="region" aria-label="cookie preferences">  
  <div class="container asp-cookie-banner__container">  
    <div class="asp-cookie-banner__content">  
      <p class="sr-only">Cookie Preferences</p>  
      <p class="asp-cookie-banner__text">We use essential cookies to make this website work and optional cookies to help us measure how it is used. <a class="asp-cookie-banner__link" href="#">View details about cookies</a>.</p>  
    </div>  
    <div class="asp-cookie-banner__actions">  
      <button class="asp-button asp-cookie-banner__accept cookie-preference-button-accepted" type="button">I m ok with cookies</button>  
      <a class="asp-button asp-cookie-banner__manage" href="#">Manage cookies</a>  
    </div>  
  </div>  
</div>

Status of development

The below criteria all need to be met for a component to be considered as fully developed for use within the ASP Digital Design System.

Development criteria Status
WCAG 2.2 compliant Not started
WCAG 2.1 compliant Completed
HTML / Nunjucks version Completed
Figma version Not started
M365 versions Not started
Documentation In progress

Make a change to the Design System

Suggest an edit to this system, or any of the components in it, by submitting a Design System change request.

Published 12 June 2024
Last updated 24 October 2025