From 2807151bd15d85b80256595c1450e28b9a521193 Mon Sep 17 00:00:00 2001
From: Mat Moore <MatMoore@users.noreply.github.com>
Date: Thu, 26 Sep 2024 15:35:11 +0100
Subject: [PATCH 1/2] Visually hidden label does not need to be a label

This label was not associated with anything.

If it's just regular text inside a `<button>` then a label is not
required.

> An <input> element with a type="button" declaration and a valid value attribute does not need a label associated with it. Doing so may actually interfere with how assistive technology parses the button input. The same applies for the <button> element.

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/label
---
 templates/home.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/templates/home.html b/templates/home.html
index ed9c264a..7c78db1c 100644
--- a/templates/home.html
+++ b/templates/home.html
@@ -34,9 +34,9 @@ <h1 class="govuk-heading-xl app-masthead__title">{% translate "Discover data fro
                       fill="currentColor"
                     ></path>
                   </svg>
-                  <label
+                  <span
                     class="govuk-label govuk-visually-hidden-focusable"
-                  >{% translate "Search"}</label
+                  >{% translate "Search"}</span
                     >
                   </button>
                 </div>

From 5ca2dd84d2e3afeb729bfbfd66d0a7030518e479 Mon Sep 17 00:00:00 2001
From: Mat Moore <MatMoore@users.noreply.github.com>
Date: Thu, 26 Sep 2024 15:44:23 +0100
Subject: [PATCH 2/2] Increase contrast of search icon

This is no longer being flagged by Wave, but there was still
a low contrast between the search icon and its background.

Using dark-blue gives us a 9.37:1 contrast ratio which is easier
to perceive.
---
 scss/components/_search.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/scss/components/_search.scss b/scss/components/_search.scss
index 86be595c..de90097a 100644
--- a/scss/components/_search.scss
+++ b/scss/components/_search.scss
@@ -72,7 +72,7 @@
 
   button {
     background-color: #d2e2f1;
-    color: govuk-colour("blue");
+    color: govuk-colour("dark-blue");
 
     &:hover {
       background-color: lighten(#d2e2f1, 5%);