mirror of
https://github.com/GSA/notifications-admin.git
synced 2026-07-26 22:58:28 -04:00
07ca407343
It looks like a link so its semantics should identify it as one. This can effect users of speech recognition software, in scenarios where they instruct it to click an element which looks like one thing but the software can only identify as something else.
30 lines
1.8 KiB
HTML
30 lines
1.8 KiB
HTML
{% macro cookie_banner(message, id='global-cookie-message') %}
|
|
|
|
<div id="{{ id }}" class="notify-cookie-banner notify-cookie-banner__with-js" data-module="cookie-banner" role="region" aria-describedby="notify-cookie-banner__heading">
|
|
<div class="notify-cookie-banner__wrapper govuk-width-container">
|
|
<h2 class="notify-cookie-banner__heading govuk-heading-m" id="notify-cookie-banner__heading">Can we store analytics cookies on your device?</h2>
|
|
<p class="govuk-body">Analytics cookies help us understand how our website is being used.</p>
|
|
<div class="notify-cookie-banner__buttons">
|
|
<div class="notify-cookie-banner__button notify-cookie-banner__button-accept">
|
|
<button class="govuk-button govuk-button__inline" type="submit" data-accept-cookies="true" aria-describedby="notify-cookie-banner__heading">
|
|
Yes<span class="govuk-visually-hidden">, Notify can store analytics cookies on your device</span>
|
|
</button>
|
|
</div>
|
|
<div class="notify-cookie-banner__button notify-cookie-banner__button-reject">
|
|
<button class="govuk-button govuk-button__inline" type="submit" data-accept-cookies="false" aria-describedby="notify-cookie-banner__heading">
|
|
No<span class="govuk-visually-hidden">, Notify cannot store analytics cookies on your device</span>
|
|
</button>
|
|
</div>
|
|
<a class="govuk-link notify-cookie-banner__link" href="/cookies">How Notify uses cookies</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="notify-cookie-banner__confirmation govuk-width-container" tabindex="-1">
|
|
<p class="notify-cookie-banner__confirmation-message govuk-body">
|
|
You can <a class="govuk-link" href="/cookies">change your cookie settings</a> at any time.
|
|
</p>
|
|
<button class="notify-cookie-banner__hide-button govuk-link" data-hide-cookie-banner="true" role="link">Hide</button>
|
|
</div>
|
|
</div>
|
|
{% endmacro %}
|