From a4cbe07267aa7e5da336db8646c9c90d09c60b2f Mon Sep 17 00:00:00 2001 From: Vanita Barrett-Smith Date: Tue, 31 May 2022 10:57:49 +0100 Subject: [PATCH] Change cookie hide button text examples Related to https://github.com/alphagov/govuk-design-system/issues/2087 The original hide button text 'Hide this message' was raised in audits as being unclear to users of assistive tech. This isn't hardcoded into the component, but we do have examples which we should update with our new recommended text: Hide cookie message. --- .../cookie-banner-client-side/index.njk | 4 ++-- .../cookie-banner-essential-cookies/index.njk | 2 +- .../cookie-banner-server-side/index.njk | 2 +- .../components/cookie-banner/cookie-banner.yaml | 12 ++++++------ 4 files changed, 10 insertions(+), 10 deletions(-) diff --git a/app/views/full-page-examples/cookie-banner-client-side/index.njk b/app/views/full-page-examples/cookie-banner-client-side/index.njk index 6e65c79270..9dd697ae84 100644 --- a/app/views/full-page-examples/cookie-banner-client-side/index.njk +++ b/app/views/full-page-examples/cookie-banner-client-side/index.njk @@ -68,7 +68,7 @@ notes: >- "role": "alert", "actions": [ { - "text": "Hide this message", + "text": "Hide cookie message", "type": "button", "classes": "js-hide" } @@ -81,7 +81,7 @@ notes: >- "role": "alert", "actions": [ { - "text": "Hide this message", + "text": "Hide cookie message", "type": "button", "classes": "js-hide" } diff --git a/app/views/full-page-examples/cookie-banner-essential-cookies/index.njk b/app/views/full-page-examples/cookie-banner-essential-cookies/index.njk index 2bc5e4b547..ce54d87fa1 100644 --- a/app/views/full-page-examples/cookie-banner-essential-cookies/index.njk +++ b/app/views/full-page-examples/cookie-banner-essential-cookies/index.njk @@ -38,7 +38,7 @@ notes: >- href: "#" }, { - text: "Hide this message", + text: "Hide cookie message", type: "submit", name: "cookies", value: "cookie-banner-dismissed", diff --git a/app/views/full-page-examples/cookie-banner-server-side/index.njk b/app/views/full-page-examples/cookie-banner-server-side/index.njk index 4db2f86458..8a1b902f54 100644 --- a/app/views/full-page-examples/cookie-banner-server-side/index.njk +++ b/app/views/full-page-examples/cookie-banner-server-side/index.njk @@ -42,7 +42,7 @@ notes: >- "role": "alert", "actions": [ { - "text": "Hide this message", + "text": "Hide cookie message", "href": currentUrl, "type": "button", "classes": "js-hide" diff --git a/src/govuk/components/cookie-banner/cookie-banner.yaml b/src/govuk/components/cookie-banner/cookie-banner.yaml index 9252fb296e..90e76e6afa 100644 --- a/src/govuk/components/cookie-banner/cookie-banner.yaml +++ b/src/govuk/components/cookie-banner/cookie-banner.yaml @@ -110,7 +110,7 @@ examples: - text: Your cookie preferences have been saved. You have accepted cookies. role: alert actions: - - text: Hide this message + - text: Hide cookie message type: button - name: rejected confirmation banner @@ -119,7 +119,7 @@ examples: - text: Your cookie preferences have been saved. You have rejected cookies. role: alert actions: - - text: Hide this message + - text: Hide cookie message type: button - name: client-side implementation @@ -142,13 +142,13 @@ examples: role: alert hidden: true actions: - - text: Hide this message + - text: Hide cookie message type: button - text: Your cookie preferences have been saved. You have rejected cookies. role: alert hidden: true actions: - - text: Hide this message + - text: Hide cookie message type: button - name: with html @@ -305,10 +305,10 @@ examples: - text: Your cookie preferences have been saved. You have accepted cookies. role: alert actions: - - text: Hide this message + - text: Hide cookie message type: button - text: Your cookie preferences have been saved. You have rejected cookies. role: alert actions: - - text: Hide this message + - text: Hide cookie message type: button