Added accessible icons for confirmation-header

mysociety · Aug 22, 2024 · 85fcfde · 85fcfde
1 parent 36c58f9
commit 85fcfde
Show file tree

Hide file tree

Showing 9 changed files with 34 additions and 4 deletions.
diff --git a/web/cobrands/fixmystreet/images/inbox-in-circle-100px.png b/web/cobrands/fixmystreet/images/inbox-in-circle-100px.png
diff --git a/web/cobrands/fixmystreet/images/inbox-in-circle.svg b/web/cobrands/fixmystreet/images/inbox-in-circle.svg
diff --git a/web/cobrands/fixmystreet/images/phone-in-circle-100px.png b/web/cobrands/fixmystreet/images/phone-in-circle-100px.png
diff --git a/web/cobrands/fixmystreet/images/phone-in-circle.svg b/web/cobrands/fixmystreet/images/phone-in-circle.svg
diff --git a/web/cobrands/fixmystreet/images/sad-face-in-circle-100px.png b/web/cobrands/fixmystreet/images/sad-face-in-circle-100px.png
diff --git a/web/cobrands/fixmystreet/images/sad-face-in-circle.svg b/web/cobrands/fixmystreet/images/sad-face-in-circle.svg
diff --git a/web/cobrands/fixmystreet/images/tick-in-circle-100px.png b/web/cobrands/fixmystreet/images/tick-in-circle-100px.png
diff --git a/web/cobrands/fixmystreet/images/tick-in-circle.svg b/web/cobrands/fixmystreet/images/tick-in-circle.svg
diff --git a/web/cobrands/sass/_base.scss b/web/cobrands/sass/_base.scss
@@ -2965,18 +2965,18 @@ a#geolocate_link {
   padding: 140px 0 2em;
   text-align: center;
 
-  background: transparent url(/cobrands/fixmystreet/images/tick-in-circle-100px.png) center 1em no-repeat;
+  background: transparent url(/cobrands/fixmystreet/images/tick-in-circle.svg) center 1em / 100px no-repeat;
 
   &.confirmation-header--failure {
-    background-image: url(/cobrands/fixmystreet/images/sad-face-in-circle-100px.png);
+    background-image: url(/cobrands/fixmystreet/images/sad-face-in-circle.svg);
   }
 
   &.confirmation-header--inbox {
-    background-image: url(/cobrands/fixmystreet/images/inbox-in-circle-100px.png);
+    background-image: url(/cobrands/fixmystreet/images/inbox-in-circle.svg);
   }
 
   &.confirmation-header--phone {
-    background-image: url(/cobrands/fixmystreet/images/phone-in-circle-100px.png);
+    background-image: url(/cobrands/fixmystreet/images/phone-in-circle.svg);
   }
 
   &.confirmation-header--blank {