BAU: a11y statement inset text tweak

Tweak the way the webchat accessibility statement paragraph is displayed on the contact triage page. The inset text used to have several paragraphs which were stored as an array in the translation files. This has since been updated so there is one paragraph only, which means the current solution is a bit overengineered. Some small style updates: use em dash instead of a regular hyphen and move the full stop outside of the anchor tag.
govuk-one-login · Jun 19, 2024 · 315fe77 · 315fe77
1 parent e5f3797
commit 315fe77
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 19 deletions.
diff --git a/src/components/contact-govuk-one-login/index.njk b/src/components/contact-govuk-one-login/index.njk
@@ -35,7 +35,7 @@
   {% endfor %}
 
   <p class="govuk-body contact-reference">
-    {{'pages.contact.refCodeBlock.refCode' | translate}}
+    {{ 'pages.contact.refCodeBlock.refCode' | translate }}
     <strong class="contact-reference__code">{{ referenceCode }}</strong>
   </p>
 {% endset %}
@@ -127,10 +127,7 @@
         <p class="govuk-body"><button type="button" class="launch-webchat-link" data-launch-webchat hidden>{{ 'pages.contact.section3.webchat.linkText' | translate }}</button></p>
 
         {% set accessibilityTextHtml %}
-          {% set insetTextParagraphs =  'pages.contact.section3.webchat.accessibility-statement.insetText.paragraphs'  | translate({ returnObjects: true }) %}
-          {% for paragraph in insetTextParagraphs %}
-            <p class="govuk-body">{{ paragraph | safe | replace('[accessibilityStatementLinkHref]', accessibilityStatementUrl )  }}</p>
-          {% endfor %}
+          <p class="govuk-body">{{ 'pages.contact.section3.webchat.accessibilityStatementParagraph' | translate | safe | replace('[accessibilityStatementLinkHref]', accessibilityStatementUrl )  }}</p>
         {% endset %}
 
         {{ govukInsetText({

diff --git a/src/locales/cy/translation.json b/src/locales/cy/translation.json
@@ -522,13 +522,7 @@
             "Mae'r cynorthwyydd digidol bob amser ar gael."
           ],
           "linkText": "Defnyddio gwe-sgwrs",
-          "accessibility-statement": {
-            "insetText": {
-              "paragraphs": [
-                "Nid yw ein gwe-sgwrs yn gwbl hygyrch eto - rydym yn gweithio i’w wella. Gallwch ddarganfod <a class=\"govuk-link\" href=\"[accessibilityStatementLinkHref]?lng=cy#webchat-accessibility\">mwy am y cyfyngiadau a sut rydym yn eu cywiro.</a>"
-              ]
-            }
-          }
+          "accessibilityStatementParagraph": "Nid yw ein gwe-sgwrs yn gwbl hygyrch eto — rydym yn gweithio i’w wella. Gallwch ddarganfod <a class=\"govuk-link\" href=\"[accessibilityStatementLinkHref]?lng=cy#webchat-accessibility\">mwy am y cyfyngiadau a sut rydym yn eu cywiro</a>."
         },
         "phone": {
           "heading": "Ffôn",

diff --git a/src/locales/en/translation.json b/src/locales/en/translation.json
@@ -638,13 +638,7 @@
             "The digital assistant is always available."
           ],
           "linkText": "Use webchat",
-          "accessibility-statement": {
-            "insetText": {
-              "paragraphs": [
-                "Our webchat is not fully accessible yet - we’re working to improve it. You can find out <a class=\"govuk-link\" href=\"[accessibilityStatementLinkHref]?lng=en#webchat-accessibility\">more about the limitations and how we’re fixing them.</a>"
-              ]
-            }
-          }
+          "accessibilityStatementParagraph": "Our webchat is not fully accessible yet — we’re working to improve it. You can find out <a class=\"govuk-link\" href=\"[accessibilityStatementLinkHref]?lng=en#webchat-accessibility\">more about the limitations and how we’re fixing them</a>."
         },
         "phone": {
           "heading": "Phone",