darkhelm/notifications-admin
1
0
Fork 0
mirror of https://github.com/GSA/notifications-admin.git synced 2026-07-14 18:30:15 -04:00
Code Issues Packages Projects Releases Wiki Activity
Files
4d0da6594de60fcf37dc7796279462e32072d7a1
notifications-admin/app/templates/components/cookie-banner.html

26 lines
1.7 KiB
HTML
Raw Normal View History

Remove unused argument from cookie_banner macro
2020-01-09 09:48:07 +00:00
{% macro cookie_banner(id='global-cookie-message') %}
Add new cookie banner code. Copies HTML and Sass from GOV.UK Pubishing components cookie-banner with changes to content and functionality to better suit Notify. Changes are: - adds a 'reject' button which the GOV.UK code doesn't have - adds Sass from the GOV.UK Frontend button component which the GOV.UK version used so is included here - removed click tracking from cookie banner
2020-01-03 16:03:05 +00:00
Default the cookie banner to be hidden It should only be shown if JS is available and the cookieMessage JS finds consent has not been set.
2020-01-14 12:11:40 +00:00
<div id="{{ id }}" class="notify-cookie-banner" data-module="cookie-banner" role="region" aria-describedby="notify-cookie-banner__heading">
Improvements based on frontend feedback Paired with @aliuk2012 on the implementation and with a view to making the component generic enough to be used on digital marketplace apps as well. These changes came from that session. They include: - removal of an unused `data-accept-cookies` attribute - removal of `govuk-!-padding-top-4` class and moving of associated styles into component CSS - swapping out the `aria-label` on the parent element for an `aria-describedby` linked to the h2 to have one thing labelling the banner region - removal of unused CSS and any already provided by the govuk-button class - inclusion of @import's for styles attached to govuk-body and govuk-button classes
2020-01-06 16:52:03 +00:00
<div class="notify-cookie-banner__wrapper govuk-width-container">
Change banner content to just cover analytics Follows discussions with @quis, @yahoopete and @karlchillmaid.
2020-01-08 14:00:09 +00:00
<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>
Hide cookie banner if no-js Decided in discussions with @quis and @yahoopete that users without JS available cannot accept/reject analytics cookies so the banner has no use.
2020-01-08 09:43:34 +00:00
<div class="notify-cookie-banner__buttons">
Change size and layout of cookie banner buttons
2020-01-09 16:21:12 +00:00
<button class="govuk-button notify-cookie-banner__button notify-cookie-banner__button-accept" type="submit" data-accept-cookies="true" aria-describedby="notify-cookie-banner__heading">
Change 'we' to 'Notify' Makes the meaning a bit clearer
2020-01-09 09:38:26 +00:00
Yes<span class="govuk-visually-hidden">, Notify can store analytics cookies on your device</span>
Change size and layout of cookie banner buttons
2020-01-09 16:21:12 +00:00
</button>
<button class="govuk-button notify-cookie-banner__button notify-cookie-banner__button-reject" type="submit" data-accept-cookies="false" aria-describedby="notify-cookie-banner__heading">
Change 'we' to 'Notify' Makes the meaning a bit clearer
2020-01-09 09:38:26 +00:00
No<span class="govuk-visually-hidden">, Notify cannot store analytics cookies on your device</span>
Change size and layout of cookie banner buttons
2020-01-09 16:21:12 +00:00
</button>
Change banner content to just cover analytics Follows discussions with @quis, @yahoopete and @karlchillmaid.
2020-01-08 14:00:09 +00:00
<a class="govuk-link notify-cookie-banner__link" href="/cookies">How Notify uses cookies</a>
Add new cookie banner code. Copies HTML and Sass from GOV.UK Pubishing components cookie-banner with changes to content and functionality to better suit Notify. Changes are: - adds a 'reject' button which the GOV.UK code doesn't have - adds Sass from the GOV.UK Frontend button component which the GOV.UK version used so is included here - removed click tracking from cookie banner
2020-01-03 16:03:05 +00:00
</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>
Make 'Hide' button identify as a link 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.
2020-01-09 09:26:40 +00:00
<button class="notify-cookie-banner__hide-button govuk-link" data-hide-cookie-banner="true" role="link">Hide</button>
Add new cookie banner code. Copies HTML and Sass from GOV.UK Pubishing components cookie-banner with changes to content and functionality to better suit Notify. Changes are: - adds a 'reject' button which the GOV.UK code doesn't have - adds Sass from the GOV.UK Frontend button component which the GOV.UK version used so is included here - removed click tracking from cookie banner
2020-01-03 16:03:05 +00:00
</div>
</div>
{% endmacro %}
Reference in New Issue Copy Permalink