From f266084ddbd70c79e09285308d8be3a96acd32c3 Mon Sep 17 00:00:00 2001
From: Jonathan Bobel <jbobel@flexion.us>
Date: Fri, 16 Jun 2023 14:55:24 -0400
Subject: [PATCH] Test passed, good time to commit

---
 app/assets/error_pages/5xx.html               |  2 +-
 .../javascripts/collapsibleCheckboxes.js      |  4 ++--
 app/assets/javascripts/copyToClipboard.js     | 12 +++++------
 app/assets/javascripts/listEntry.js           |  4 ++--
 app/assets/javascripts/templateFolderForm.js  |  6 +++---
 .../uswds/_uswds-theme-custom-styles.scss     |  6 ++++++
 app/main/forms.py                             |  8 ++++----
 app/main/views/jobs.py                        | 10 +++++-----
 app/templates/components/banner.html          |  2 +-
 app/templates/components/browse-list.html     |  2 +-
 .../components/copy-to-clipboard.html         |  2 +-
 app/templates/components/file-upload.html     |  2 +-
 app/templates/components/list-entry.html      |  2 +-
 app/templates/components/live-search.html     |  2 +-
 app/templates/components/page-footer.html     |  2 +-
 app/templates/components/select-input.html    |  2 +-
 app/templates/components/table.html           |  6 +++---
 app/templates/components/tick-cross.html      |  4 ++--
 .../uk_components/back-link/template.njk      |  2 +-
 .../uk_components/error-message/template.njk  |  2 +-
 .../uk_components/footer/template.njk         |  4 ++--
 app/templates/views/api/keys.html             |  2 +-
 app/templates/views/check/column-errors.html  |  2 +-
 app/templates/views/check/ok.html             |  2 +-
 app/templates/views/check/row-errors.html     |  2 +-
 app/templates/views/choose-account.html       |  8 ++++----
 app/templates/views/cookies.html              |  4 ++--
 .../views/edit-user-permissions.html          |  4 ++--
 .../find-services/find-services-by-name.html  |  2 +-
 app/templates/views/manage-users.html         |  4 ++--
 .../organisation/users/index.html             |  4 ++--
 app/templates/views/performance.html          |  6 +++---
 app/templates/views/privacy.html              |  4 ++--
 app/templates/views/register-from-invite.html |  2 +-
 .../service-settings/email_reply_to.html      |  2 +-
 app/templates/views/signedout.html            | 10 +++++-----
 app/templates/views/templates/_move_to.html   |  2 +-
 app/templates/views/templates/_template.html  |  2 +-
 .../views/templates/_template_list.html       |  2 +-
 app/templates/views/templates/choose.html     |  2 +-
 paas-failwhale/index.html                     |  2 +-
 .../static_503/stylesheets/main.css           |  8 ++++----
 .../static_503/stylesheets/print.css          |  2 +-
 tests/app/main/views/test_register.py         |  2 +-
 .../javascripts/collapsibleCheckboxes.test.js |  2 +-
 tests/javascripts/copyToClipboard.test.js     | 20 +++++++++----------
 tests/javascripts/listEntry.test.js           |  2 +-
 tests/javascripts/liveSearch.test.js          |  4 ++--
 tests/javascripts/support/helpers/html.js     |  4 ++--
 tests/javascripts/templateFolderForm.test.js  | 16 +++++++--------
 50 files changed, 110 insertions(+), 104 deletions(-)

diff --git a/app/assets/error_pages/5xx.html b/app/assets/error_pages/5xx.html
index 9988d4091..a6bf68571 100644
--- a/app/assets/error_pages/5xx.html
+++ b/app/assets/error_pages/5xx.html
@@ -90,7 +90,7 @@
       <div class="govuk-footer__meta">
         <div class="govuk-footer__meta-item govuk-footer__meta-item--grow">
 
-          <h2 class="govuk-visually-hidden">Support links</h2>
+          <h2 class="usa-sr-only">Support links</h2>
           <div class="govuk-footer__meta-custom">
             Built by the <a href="https://www.gsa.gov/about-us/organization/federal-acquisition-service/technology-transformation-services/tts-solutions"
               class="govuk-footer__link">Technology Transformation Services</a>
diff --git a/app/assets/javascripts/collapsibleCheckboxes.js b/app/assets/javascripts/collapsibleCheckboxes.js
index d14b3906f..c6625f0a2 100644
--- a/app/assets/javascripts/collapsibleCheckboxes.js
+++ b/app/assets/javascripts/collapsibleCheckboxes.js
@@ -56,7 +56,7 @@
   }
   Footer.prototype.buttonContent = {
     change: (fieldLabel) => `Choose ${fieldLabel}s`,
-    done: (fieldLabel) => `Done<span class="govuk-visually-hidden"> choosing ${fieldLabel}s</span>`
+    done: (fieldLabel) => `Done<span class="usa-sr-only"> choosing ${fieldLabel}s</span>`
   };
   Footer.prototype.getEl = function (expanded) {
     const buttonState = expanded ? 'done' : 'change';
@@ -122,7 +122,7 @@
     this.$heading = $(`<h${headingLevel} class="heading-small">${this.legendText}</h${headingLevel}>`);
     this.$fieldset.before(this.$heading);
 
-    this.$fieldset.find('legend').addClass('govuk-visually-hidden');
+    this.$fieldset.find('legend').addClass('usa-sr-only');
   };
   CollapsibleCheckboxes.prototype.expand = function(e) {
     if (e !== undefined) { e.preventDefault(); }
diff --git a/app/assets/javascripts/copyToClipboard.js b/app/assets/javascripts/copyToClipboard.js
index 89446b7ed..798c09e23 100644
--- a/app/assets/javascripts/copyToClipboard.js
+++ b/app/assets/javascripts/copyToClipboard.js
@@ -7,20 +7,20 @@
 
     const states = {
       'valueVisible': (options) => `
-        <span class="copy-to-clipboard__value margin-bottom-1">${options.valueLabel ? '<span class="govuk-visually-hidden">' + options.thing + ': </span>' : ''}${options.value}</span>
-        <span class="copy-to-clipboard__notice usa-sr-only" aria-live="assertive">
+        <span class="copy-to-clipboard__value margin-bottom-1">${options.valueLabel ? '<span class="usa-sr-only">' + options.thing + ': </span>' : ''}${options.value}</span>
+        <span class="copy-to-clipboard__notice" aria-live="assertive">
           ${options.onload ? '' : options.thing + ' returned to page, press button to copy to clipboard'}
         </span>
         <button class="usa-button usa-button--outline copy-to-clipboard__button--copy">
-          Copy ${options.thing} to clipboard${options.name ? '<span class="govuk-visually-hidden"> for ' + options.name + '</span>' : ''}
+          Copy ${options.thing} to clipboard${options.name ? '<span class="usa-sr-only"> for ' + options.name + '</span>' : ''}
         </button>
       `,
       'valueCopied': (options) => `
         <span class="copy-to-clipboard__notice" aria-live="assertive">
-          <span class="usa-sr-only">${options.thing} </span>Copied to clipboard<span class="govuk-visually-hidden">, press button to show in page</span>
+          <span class="usa-sr-only">${options.thing} </span>Copied to clipboard<span class="usa-sr-only">, press button to show in page</span>
         </span>
         <button class="usa-button copy-to-clipboard__button--show">
-          Show ${options.thing}${options.name ? '<span class="govuk-visually-hidden"> for ' + options.name + '</span>' : ''}
+          Show ${options.thing}${options.name ? '<span class="usa-sr-only"> for ' + options.name + '</span>' : ''}
         </button>
       `
     };
@@ -31,7 +31,7 @@
       let prefixIndex = -1;
 
       childNodes.forEach((el, idx) => {
-        if ((el.nodeType === 1) && el.classList.contains('govuk-visually-hidden')) {
+        if ((el.nodeType === 1) && el.classList.contains('usa-sr-only')) {
           prefixIndex = idx;
         }
       });
diff --git a/app/assets/javascripts/listEntry.js b/app/assets/javascripts/listEntry.js
index 5b5592dd5..4bca9a37b 100644
--- a/app/assets/javascripts/listEntry.js
+++ b/app/assets/javascripts/listEntry.js
@@ -28,7 +28,7 @@
   ListEntry.prototype.entryTemplate = Hogan.compile(
     '<div class="list-entry">' +
       '<label for="{{{id}}}" class="govuk-input--numbered__label">' +
-        '<span class="govuk-visually-hidden">{{listItemName}} number </span>{{number}}.' +
+        '<span class="usa-sr-only">{{listItemName}} number </span>{{number}}.' +
       '</label>' +
       '<input' +
         ' name="{{name}}"' +
@@ -38,7 +38,7 @@
       '/>' +
       '{{#button}}' +
         '<button type="button" class="govuk-button govuk-button--secondary input-list__button--remove">' +
-          'Remove<span class="govuk-visually-hidden"> {{listItemName}} number {{number}}</span>' +
+          'Remove<span class="usa-sr-only"> {{listItemName}} number {{number}}</span>' +
         '</button>' +
       '{{/button}}' +
     '</div>'
diff --git a/app/assets/javascripts/templateFolderForm.js b/app/assets/javascripts/templateFolderForm.js
index dfef5a144..00884004a 100644
--- a/app/assets/javascripts/templateFolderForm.js
+++ b/app/assets/javascripts/templateFolderForm.js
@@ -91,7 +91,7 @@
 
       $.each(this.states.filter(state => 'description' in state), (idx, state) => {
         id = `${state.key}__description`;
-        description = `<p class="govuk-visually-hidden" id="${id}">${state.description}</p>`;
+        description = `<p class="usa-sr-only" id="${id}">${state.description}</p>`;
         state.$el
           .prepend(description)
           .attr('aria-describedby', id);
@@ -162,7 +162,7 @@
                     });
 
         if (opts.hasOwnProperty('nonvisualText')) {
-          $btn.append(`<span class="govuk-visually-hidden"> ${opts.nonvisualText}</span>`);
+          $btn.append(`<span class="usa-sr-only"> ${opts.nonvisualText}</span>`);
         }
 
         return $btn;
@@ -316,7 +316,7 @@
       <div id="items_selected">
         <div class="js-stick-at-bottom-when-scrolling">
           <button class="usa-button" value="move-to-existing-folder" aria-expanded="false">
-            Move<span class="govuk-visually-hidden"> selection to folder</span>
+            Move<span class="usa-sr-only"> selection to folder</span>
           </button>
           <button class="usa-button" value="move-to-new-folder" aria-expanded="false">Add to new folder</button>
           <div class="template-list-selected-counter" aria-hidden="true">
diff --git a/app/assets/sass/uswds/_uswds-theme-custom-styles.scss b/app/assets/sass/uswds/_uswds-theme-custom-styles.scss
index 40a93a860..d9c9e1278 100644
--- a/app/assets/sass/uswds/_uswds-theme-custom-styles.scss
+++ b/app/assets/sass/uswds/_uswds-theme-custom-styles.scss
@@ -137,3 +137,9 @@ td.table-empty-message {
 .sub-content h2.user-list-item-heading {
    margin-top: 0;
 }
+
+.user-list-edit-link:active:before,
+.user-list-edit-link:focus:before {
+   box-shadow: none;
+   border: 0;
+}
diff --git a/app/main/forms.py b/app/main/forms.py
index ce5500031..4b69224ff 100644
--- a/app/main/forms.py
+++ b/app/main/forms.py
@@ -507,7 +507,7 @@ class NestedFieldMixin:
             "fieldset": {
                 "legend": {
                     "text": label,
-                    "classes": "govuk-visually-hidden"
+                    "classes": "usa-sr-only"
                 }
             },
             "formGroup": {
@@ -1376,7 +1376,7 @@ class SupportRedirect(StripWhitespaceForm):
             ('public', 'I’m a member of the public with a question for the government'),
         ],
         param_extensions={
-            "fieldset": {"legend": {"classes": "govuk-visually-hidden"}}
+            "fieldset": {"legend": {"classes": "usa-sr-only"}}
         }
     )
 
@@ -1575,7 +1575,7 @@ class AdminSetEmailBrandingForm(StripWhitespaceForm):
 
     branding_style = GovukRadiosFieldWithNoneOption(
         'Branding style',
-        param_extensions={'fieldset': {'legend': {'classes': 'govuk-visually-hidden'}}},
+        param_extensions={'fieldset': {'legend': {'classes': 'usa-sr-only'}}},
         thing='a branding style',
     )
 
@@ -2033,7 +2033,7 @@ class TemplateAndFoldersSelectionForm(Form):
         param_extensions={
             "fieldset": {
                 "legend": {
-                    "classes": "govuk-visually-hidden"
+                    "classes": "usa-sr-only"
                 }
             }
         }
diff --git a/app/main/views/jobs.py b/app/main/views/jobs.py
index e716e7694..533ca3797 100644
--- a/app/main/views/jobs.py
+++ b/app/main/views/jobs.py
@@ -312,7 +312,7 @@ def _get_job_counts(job):
         ) for label, query_param, count in [
             [
                 Markup(
-                    f'''total<span class="govuk-visually-hidden">
+                    f'''total<span class="usa-sr-only">
                     {"text message" if job_type == "sms" else job_type}s</span>'''
                 ),
                 '',
@@ -320,7 +320,7 @@ def _get_job_counts(job):
             ],
             [
                 Markup(
-                    f'''sending<span class="govuk-visually-hidden">
+                    f'''sending<span class="usa-sr-only">
                     {message_count_noun(job.notifications_sending, job_type)}</span>'''
                 ),
                 'sending',
@@ -328,7 +328,7 @@ def _get_job_counts(job):
             ],
             [
                 Markup(
-                    f'''delivered<span class="govuk-visually-hidden">
+                    f'''delivered<span class="usa-sr-only">
                     {message_count_noun(job.notifications_delivered, job_type)}</span>'''
                 ),
                 'delivered',
@@ -336,7 +336,7 @@ def _get_job_counts(job):
             ],
             [
                 Markup(
-                    f'''failed<span class="govuk-visually-hidden">
+                    f'''failed<span class="usa-sr-only">
                     {message_count_noun(job.notifications_failed, job_type)}</span>'''
                 ),
                 'failed',
@@ -388,7 +388,7 @@ def get_job_partials(job):
 def add_preview_of_content_to_notifications(notifications):
 
     for notification in notifications:
-        yield(dict(
+        yield (dict(
             preview_of_content=get_preview_of_content(notification),
             **notification
         ))
diff --git a/app/templates/components/banner.html b/app/templates/components/banner.html
index 846a9a3e1..faf6cdb66 100644
--- a/app/templates/components/banner.html
+++ b/app/templates/components/banner.html
@@ -26,7 +26,7 @@
         <input type="hidden" name="csrf_token" value="{{ csrf_token() }}" />
         {{ govukButton({
           "text": "" if thing else delete_button,
-          "html": delete_button + "<span class=\"govuk-visually-hidden\"> ‘" + thing + "’</span>" if thing else "",
+          "html": delete_button + "<span class=\"usa-sr-only\"> ‘" + thing + "’</span>" if thing else "",
           "name": "delete",
           "classes": "margin-top-2 usa-button--secondary",
         }) }}
diff --git a/app/templates/components/browse-list.html b/app/templates/components/browse-list.html
index b75d09218..236297b87 100644
--- a/app/templates/components/browse-list.html
+++ b/app/templates/components/browse-list.html
@@ -5,7 +5,7 @@
         {% for item in items %}
           {% if item.title and item.link %}
             <li class="browse-list-item">
-              <a href="{{ item.link }}" class="govuk-link govuk-link--{% if item.destructive %}--destructive{% else %}--no-visited-state{% endif %}">{{ item.title }}</a>
+              <a href="{{ item.link }}" class="usa-link usa-link{% if item.destructive %}--destructive{% else %}--no-visited-state{% endif %}">{{ item.title }}</a>
               {% if item.hint %}
                 <div class="browse-list-hint">
                   {{ item.hint }}
diff --git a/app/templates/components/copy-to-clipboard.html b/app/templates/components/copy-to-clipboard.html
index 08e2f4a31..823561732 100644
--- a/app/templates/components/copy-to-clipboard.html
+++ b/app/templates/components/copy-to-clipboard.html
@@ -6,7 +6,7 @@
   {% endif %}
   <div data-module="copy-to-clipboard" data-value="{{ value }}" data-thing="{{ thing }}" data-name="{{ name }}">
     <span class="copy-to-clipboard__value">
-      {%- if name|lower != thing|lower %}<span class="govuk-visually-hidden">{{ thing }}: </span>{% endif %}{{ value -}}
+      {%- if name|lower != thing|lower %}<span class="usa-sr-only">{{ thing }}: </span>{% endif %}{{ value -}}
     </span>
     <span class="copy-to-clipboard__notice" aria-live="assertive"></span>
   </div>
diff --git a/app/templates/components/file-upload.html b/app/templates/components/file-upload.html
index 9ee9a4a67..3a146ff1a 100644
--- a/app/templates/components/file-upload.html
+++ b/app/templates/components/file-upload.html
@@ -13,7 +13,7 @@
 ) %}
   <form method="post" enctype="multipart/form-data" {% if action %}action="{{ action }}"{% endif %} class="{% if field.errors and show_errors %}form-group-error{% endif %}" data-module="file-upload">
     <label class="file-upload-label" for="{{ field.name }}">
-      <span class="govuk-visually-hidden">{{ field.label.text }}</span>
+      <span class="usa-sr-only">{{ field.label.text }}</span>
       {% if hint %}
         <span class="form-hint">
           {{ hint }}
diff --git a/app/templates/components/list-entry.html b/app/templates/components/list-entry.html
index c08f854c0..1c74279fb 100644
--- a/app/templates/components/list-entry.html
+++ b/app/templates/components/list-entry.html
@@ -45,7 +45,7 @@
             "id": "input-" + field_name,
             "name": field_name,
             "label": {
-              "html": '<span class="govuk-visually-hidden">' + item_name + ' number </span>' + loop.index|string + '.',
+              "html": '<span class="usa-sr-only">' + item_name + ' number </span>' + loop.index|string + '.',
               "classes": label_classes
             },
             "classes": "govuk-input--numbered govuk-!-width-full",
diff --git a/app/templates/components/live-search.html b/app/templates/components/live-search.html
index 768dfa81b..9df46fd1a 100644
--- a/app/templates/components/live-search.html
+++ b/app/templates/components/live-search.html
@@ -19,7 +19,7 @@
     {% if show %}
         <div class="live-search js-header" data-module="live-search" data-targets="{{ target_selector }}">
           {{ form.search(param_extensions=param_extensions) }}
-          <div aria-live="polite" class="live-search__status govuk-visually-hidden"></div>
+          <div aria-live="polite" class="live-search__status usa-sr-only"></div>
         </div>
     {% endif %}
 {% endmacro %}
diff --git a/app/templates/components/page-footer.html b/app/templates/components/page-footer.html
index b873614cf..8ce6eea89 100644
--- a/app/templates/components/page-footer.html
+++ b/app/templates/components/page-footer.html
@@ -23,7 +23,7 @@
       {% if button_value %}{% set _ = button_data.update({"value": button_value}) %}{% endif %}
       {% if button_text_hidden_suffix %}
         {% set _ = button_data.update({
-          "text": "", "html": button_text + "<span class=\"govuk-visually-hidden\"> " + button_text_hidden_suffix + "</span>"
+          "text": "", "html": button_text + "<span class=\"usa-sr-only\"> " + button_text_hidden_suffix + "</span>"
         }) %}
       {% endif %}
 
diff --git a/app/templates/components/select-input.html b/app/templates/components/select-input.html
index 21f075dd9..ce2df8897 100644
--- a/app/templates/components/select-input.html
+++ b/app/templates/components/select-input.html
@@ -43,7 +43,7 @@
     {% endif %}
     <fieldset id="{{ field.id }}" {% if inline %}class="inline"{% endif %}>
       <legend class="{{ 'form-label' if not hide_legend else '' }}{% if legend_style != 'text' %} {{ legend_style }}{% endif %}">
-        {% if hide_legend %}<span class="govuk-visually-hidden">{% endif %}
+        {% if hide_legend %}<span class="usa-sr-only">{% endif %}
           {{ field.label.text|safe }}
         {% if hide_legend %}</span>{% endif %}
         {% if hint %}
diff --git a/app/templates/components/table.html b/app/templates/components/table.html
index 91b5a71a6..96e110f48 100644
--- a/app/templates/components/table.html
+++ b/app/templates/components/table.html
@@ -1,6 +1,6 @@
 {% macro mapping_table(caption='', field_headings=[], field_headings_visible=True, caption_visible=True, equal_length=False) -%}
   <table class="table usa-table usa-table--borderless table-font-xsmall">
-    <caption class="heading-medium table-heading{{ ' govuk-visually-hidden' if not caption_visible}}">
+    <caption class="heading-medium table-heading{{ ' usa-sr-only' if not caption_visible}}">
       {{ caption }}
     </caption>
     <thead class="table-field-headings{% if field_headings_visible %}-visible{% endif %}">
@@ -10,7 +10,7 @@
             {% if field_headings_visible %}
               {{ field_heading }}
             {% else %}
-              <span class="govuk-visually-hidden">{{ field_heading }}</span>
+              <span class="usa-sr-only">{{ field_heading }}</span>
             {% endif %}
           </th>
         {% endfor %}
@@ -141,7 +141,7 @@
 {%- endmacro %}
 
 {% macro hidden_field_heading(text) %}
-  <span class="govuk-visually-hidden">{{ text }}</span>
+  <span class="usa-sr-only">{{ text }}</span>
 {%- endmacro %}
 
 
diff --git a/app/templates/components/tick-cross.html b/app/templates/components/tick-cross.html
index 8ab8faaff..41ce82de5 100644
--- a/app/templates/components/tick-cross.html
+++ b/app/templates/components/tick-cross.html
@@ -2,12 +2,12 @@
   <li>
     {% if yes %}
       <span class="tick-cross-tick">
-        <span class="govuk-visually-hidden">{{ truthy_hint }}</span>
+        <span class="usa-sr-only">{{ truthy_hint }}</span>
         {{ label}}
       </span>
     {% else %}
       <span class="tick-cross-cross">
-        <span class="govuk-visually-hidden">{{ falsey_hint }}</span>
+        <span class="usa-sr-only">{{ falsey_hint }}</span>
         {{ label}}
       </span>
     {% endif %}
diff --git a/app/templates/components/uk_components/back-link/template.njk b/app/templates/components/uk_components/back-link/template.njk
index 1b75b3e15..21f0078b4 100644
--- a/app/templates/components/uk_components/back-link/template.njk
+++ b/app/templates/components/uk_components/back-link/template.njk
@@ -1,2 +1,2 @@
-<a href="{%- if params.href %}{{ params.href }}{% else %}#{% endif -%}" class="usa-link usa-back-link display-flex margin-top-5{%- if params.classes %} {{ params.classes }}{% endif -%}"
+<a href="{%- if params.href %}{{ params.href }}{% else %}#{% endif -%}" class="usa-link usa-back-link display-inline-flex margin-top-5{%- if params.classes %} {{ params.classes }}{% endif -%}"
   {%- for attribute, value in params.attributes %} {{attribute}}="{{value}}"{% endfor %}>{{ (params.html | safe if params.html else (params.text if params.text else 'Back')) }}</a>
diff --git a/app/templates/components/uk_components/error-message/template.njk b/app/templates/components/uk_components/error-message/template.njk
index 668b787f4..64b9ba837 100644
--- a/app/templates/components/uk_components/error-message/template.njk
+++ b/app/templates/components/uk_components/error-message/template.njk
@@ -1,6 +1,6 @@
 {% set visuallyHiddenText = params.visuallyHiddenText | default("Error") -%}
 
 <span {%- if params.id %} id="{{ params.id }}"{% endif %} class="usa-error-message{%- if params.classes %} {{ params.classes }}{% endif %}" {%- for attribute, value in params.attributes %} {{ attribute }}="{{ value }}"{% endfor -%}>
-  {% if visuallyHiddenText %}<span class="govuk-visually-hidden">{{ visuallyHiddenText }}:</span> {% endif -%}
+  {% if visuallyHiddenText %}<span class="usa-sr-only">{{ visuallyHiddenText }}:</span> {% endif -%}
   {{ params.html | safe if params.html else params.text }}
 </span>
diff --git a/app/templates/components/uk_components/footer/template.njk b/app/templates/components/uk_components/footer/template.njk
index a3ac0358f..435516a58 100644
--- a/app/templates/components/uk_components/footer/template.njk
+++ b/app/templates/components/uk_components/footer/template.njk
@@ -35,7 +35,7 @@
     <div class="govuk-footer__meta">
       <div class="govuk-footer__meta-item govuk-footer__meta-item--grow">
         {% if params.meta %}
-          <h2 class="govuk-visually-hidden">{{ params.meta.visuallyHiddenTitle | default("Support links") }}</h2>
+          <h2 class="usa-sr-only">{{ params.meta.visuallyHiddenTitle | default("Support links") }}</h2>
           {% if params.meta.items %}
             <ul class="govuk-footer__inline-list">
               {% for item in params.meta.items %}
@@ -101,7 +101,7 @@
       <div class="govuk-footer__meta border-top border-gray-10">
         <div class="govuk-footer__meta-item govuk-footer__meta-item--grow padding-top-2">
           {% if params.meta %}
-          <h2 class="govuk-visually-hidden">{{ params.meta.visuallyHiddenTitle | default("Support links") }}</h2>
+          <h2 class="usa-sr-only">{{ params.meta.visuallyHiddenTitle | default("Support links") }}</h2>
           {% if params.meta.items %}
           <ul class="govuk-footer__inline-list">
             {% for item in params.meta.items %}
diff --git a/app/templates/views/api/keys.html b/app/templates/views/api/keys.html
index c6c9a0728..53ade9483 100644
--- a/app/templates/views/api/keys.html
+++ b/app/templates/views/api/keys.html
@@ -49,7 +49,7 @@
       {% else %}
         {% call field(align='right', status='error') %}
           <a class="govuk-link govuk-link--destructive" href='{{ url_for('.revoke_api_key', service_id=current_service.id, key_id=item.id) }}'>
-            Revoke<span class="govuk-visually-hidden"> {{ item.name }}</span>
+            Revoke<span class="usa-sr-only"> {{ item.name }}</span>
           </a>
         {% endcall %}
       {% endif %}
diff --git a/app/templates/views/check/column-errors.html b/app/templates/views/check/column-errors.html
index c41574822..41d569e90 100644
--- a/app/templates/views/check/column-errors.html
+++ b/app/templates/views/check/column-errors.html
@@ -142,7 +142,7 @@
         caption=original_file_name,
         caption_visible=False,
         field_headings=[
-          '<span class="govuk-visually-hidden">Row in file</span><span aria-hidden="true">1</span>'|safe
+          '<span class="usa-sr-only">Row in file</span><span aria-hidden="true">1</span>'|safe
         ] + column_headers
       ) %}
         {% call index_field() %}
diff --git a/app/templates/views/check/ok.html b/app/templates/views/check/ok.html
index a58462864..e62e9298e 100644
--- a/app/templates/views/check/ok.html
+++ b/app/templates/views/check/ok.html
@@ -59,7 +59,7 @@
         caption=original_file_name,
         caption_visible=False,
         field_headings=[
-          '<span class="govuk-visually-hidden">Row in file</span><span aria-hidden="true">1</span>'|safe
+          '<span class="usa-sr-only">Row in file</span><span aria-hidden="true">1</span>'|safe
         ] + recipients.column_headers
       ) %}
         {% call index_field() %}
diff --git a/app/templates/views/check/row-errors.html b/app/templates/views/check/row-errors.html
index 64babd296..2f3a34d6a 100644
--- a/app/templates/views/check/row-errors.html
+++ b/app/templates/views/check/row-errors.html
@@ -57,7 +57,7 @@
       caption="Errors in " + original_file_name,
       caption_visible=False,
       field_headings=[
-        '<span class="govuk-visually-hidden">Row in file</span><span aria-hidden="true" class="table-field-invisible-error">1</span>'|safe
+        '<span class="usa-sr-only">Row in file</span><span aria-hidden="true" class="table-field-invisible-error">1</span>'|safe
       ] + recipients.column_headers
     ) %}
       {% for item in recipients.displayed_rows %}
diff --git a/app/templates/views/choose-account.html b/app/templates/views/choose-account.html
index 4a9d7d2d7..6f24ce23d 100644
--- a/app/templates/views/choose-account.html
+++ b/app/templates/views/choose-account.html
@@ -21,7 +21,7 @@
   {% endif %}
   {% for org in organisations|sort %}
     <li class="browse-list-item">
-      <a href="{{ url_for('.organisation_dashboard', org_id=org.id) }}" class="govuk-link govuk-link--no-visited-state">{{ org.name }}</a>
+      <a href="{{ url_for('.organisation_dashboard', org_id=org.id) }}" class="usa-link">{{ org.name }}</a>
       <p class="browse-list-hint">
         {{ org.count_of_live_services }}
         live service{% if org.count_of_live_services != 1 %}s{% endif %}
@@ -30,7 +30,7 @@
   {% endfor %}
   {% for service in services|sort %}
     <li class="browse-list-item">
-      <a href="{{ url_for('.service_dashboard', service_id=service.id) }}" class="govuk-link govuk-link--no-visited-state">{{ service.name }}</a>
+      <a href="{{ url_for('.service_dashboard', service_id=service.id) }}" class="usa-link">{{ service.name }}</a>
     </li>
   {% endfor %}
   {% if show_heading and (services or organisations) %}
@@ -49,7 +49,7 @@
 
 {% block maincolumn_content %}
 
-  <h1 class="heading-large {% if current_user.has_access_to_live_and_trial_mode_services %}govuk-visually-hidden{% endif %}">
+  <h1 class="heading-large {% if current_user.has_access_to_live_and_trial_mode_services %}usa-sr-only{% endif %}">
     Choose service
   </h1>
 
@@ -64,7 +64,7 @@
         </div>
         <ul class="govuk-grid-column-three-quarters">
           <li class="browse-list-item">
-            <a href="{{ url_for('.organisations') }}" class="govuk-link govuk-link--no-visited-state">All organisations</a>
+            <a href="{{ url_for('.organisations') }}" class="usa-link">All organisations</a>
             <p class="browse-list-hint">
               {{ org_count|format_thousands }} organisations, {{ live_service_count|format_thousands }} live services
             </p>
diff --git a/app/templates/views/cookies.html b/app/templates/views/cookies.html
index c873faf2a..1263b91e6 100644
--- a/app/templates/views/cookies.html
+++ b/app/templates/views/cookies.html
@@ -28,7 +28,7 @@
       Essential cookies keep your information secure while you use Notify. We do not need to ask permission to use them.
     </p>
     <table>
-        <caption class="govuk-visually-hidden">Essential cookies</caption>
+        <caption class="usa-sr-only">Essential cookies</caption>
         <thead>
             <tr>
                 <th>Name</th>
@@ -78,7 +78,7 @@
       <li>any errors you see while using Notify</li>
     </ul>
     <table>
-        <caption class="govuk-visually-hidden">Google Analytics cookies</caption>
+        <caption class="usa-sr-only">Google Analytics cookies</caption>
         <thead>
             <tr>
                 <th>Name</th>
diff --git a/app/templates/views/edit-user-permissions.html b/app/templates/views/edit-user-permissions.html
index 2f22cc596..14468b0d6 100644
--- a/app/templates/views/edit-user-permissions.html
+++ b/app/templates/views/edit-user-permissions.html
@@ -28,7 +28,7 @@
   <p class="usa-body">
     {{ user.email_address }}&emsp;
     <a class="govuk-link govuk-link--no-visited-state" href="{{ url_for('.edit_user_email', service_id=current_service.id, user_id=user.id)}}">
-    Change<span class="govuk-visually-hidden"> email address</span>
+    Change<span class="usa-sr-only"> email address</span>
     </a>
   </p>
   <p class="usa-body">
@@ -38,7 +38,7 @@
     <p class="usa-body" id="user_mobile_number">
       {{ mobile_number }}&emsp;
       <a class="govuk-link govuk-link--no-visited-state" href="{{ url_for('.edit_user_mobile_number', service_id=current_service.id, user_id=user.id)}}">
-      Change<span class="govuk-visually-hidden"> mobile number</span>
+      Change<span class="usa-sr-only"> mobile number</span>
       </a>
     </p>
   {% endif %}
diff --git a/app/templates/views/find-services/find-services-by-name.html b/app/templates/views/find-services/find-services-by-name.html
index c61f360f7..264b009b0 100644
--- a/app/templates/views/find-services/find-services-by-name.html
+++ b/app/templates/views/find-services/find-services-by-name.html
@@ -41,7 +41,7 @@
     <ul>
     {% for service in services_found %}
       <li class="browse-list-item">
-        <a href="{{url_for('.service_dashboard', service_id=service.id)}}" class="govuk-link govuk-link--no-visited-state">{{ service.name }}</a>
+        <a href="{{url_for('.service_dashboard', service_id=service.id)}}" class="usa-link">{{ service.name }}</a>
       </li>
       <hr>
     {% endfor %}
diff --git a/app/templates/views/manage-users.html b/app/templates/views/manage-users.html
index 831e63a4f..d7906559c 100644
--- a/app/templates/views/manage-users.html
+++ b/app/templates/views/manage-users.html
@@ -72,9 +72,9 @@
             <div class="govuk-grid-column-one-quarter">
               {% if current_user.has_permissions('manage_service') %}
                 {% if user.status == 'pending' %}
-                  <a class="user-list-edit-link govuk-link govuk-link--no-visited-state" href="{{ url_for('.cancel_invited_user', service_id=current_service.id, invited_user_id=user.id)}}">Cancel invitation<span class="govuk-visually-hidden"> for {{ user.email_address }}</span></a>
+                  <a class="user-list-edit-link govuk-link govuk-link--no-visited-state" href="{{ url_for('.cancel_invited_user', service_id=current_service.id, invited_user_id=user.id)}}">Cancel invitation<span class="usa-sr-only"> for {{ user.email_address }}</span></a>
                 {% elif user.is_editable_by(current_user) %}
-                  <a class="user-list-edit-link govuk-link govuk-link--no-visited-state" href="{{ url_for('.edit_user_permissions', service_id=current_service.id, user_id=user.id)}}">Change details<span class="govuk-visually-hidden"> for {{ user.name }} {{ user.email_address }}</span></a>
+                  <a class="user-list-edit-link govuk-link govuk-link--no-visited-state" href="{{ url_for('.edit_user_permissions', service_id=current_service.id, user_id=user.id)}}">Change details<span class="usa-sr-only"> for {{ user.name }} {{ user.email_address }}</span></a>
                 {% endif %}
               {% endif %}
             </div>
diff --git a/app/templates/views/organisations/organisation/users/index.html b/app/templates/views/organisations/organisation/users/index.html
index f6a58dc31..f341170d2 100644
--- a/app/templates/views/organisations/organisation/users/index.html
+++ b/app/templates/views/organisations/organisation/users/index.html
@@ -53,9 +53,9 @@
           </div>
           <div class="govuk-grid-column-one-quarter">
             {% if user.status == 'pending' %}
-              <a class="govuk-link govuk-link--no-visited-state user-list-edit-link" href="{{ url_for('.cancel_invited_org_user', org_id=current_org.id, invited_user_id=user.id)}}">Cancel invitation<span class="govuk-visually-hidden"> for {{ user.email_address }}</span></a>
+              <a class="govuk-link govuk-link--no-visited-state user-list-edit-link" href="{{ url_for('.cancel_invited_org_user', org_id=current_org.id, invited_user_id=user.id)}}">Cancel invitation<span class="usa-sr-only"> for {{ user.email_address }}</span></a>
             {% elif user.status != 'cancelled' %}
-              <a class="govuk-link govuk-link--destructive user-list-edit-link" href="{{ url_for('.edit_organisation_user', org_id=current_org.id, user_id=user.id)}}">Remove<span class="govuk-visually-hidden"> {{ user.name }} {{ user.email_address }}</span></a>
+              <a class="govuk-link govuk-link--destructive user-list-edit-link" href="{{ url_for('.edit_organisation_user', org_id=current_org.id, user_id=user.id)}}">Remove<span class="usa-sr-only"> {{ user.name }} {{ user.email_address }}</span></a>
             {% endif %}
           </div>
         </div>
diff --git a/app/templates/views/performance.html b/app/templates/views/performance.html
index beff5f13d..b6350e59a 100644
--- a/app/templates/views/performance.html
+++ b/app/templates/views/performance.html
@@ -109,15 +109,15 @@
   </h2>
   <div class="govuk-grid-row bottom-gutter">
     <div class="govuk-grid-column-one-half">
-      <span class="govuk-visually-hidden">There are</span>
+      <span class="usa-sr-only">There are</span>
       <div class="product-page-big-number">{{ count_of_live_services_and_organisations.organisations|format_thousands }}</div>
       organizations
     </div>
     <div class="govuk-grid-column-one-half">
-      <span class="govuk-visually-hidden">and</span>
+      <span class="usa-sr-only">and</span>
       <div class="product-page-big-number">{{ count_of_live_services_and_organisations.services|format_thousands }}</div>
       services
-      <span class="govuk-visually-hidden">using Notify.</span>
+      <span class="usa-sr-only">using Notify.</span>
     </div>
   </div>
   <div class="dashboard-table">
diff --git a/app/templates/views/privacy.html b/app/templates/views/privacy.html
index a5b7e5c34..8c0a6d44a 100644
--- a/app/templates/views/privacy.html
+++ b/app/templates/views/privacy.html
@@ -103,7 +103,7 @@
       Essential cookies keep your information secure while you use Notify. We do not need to ask permission to use them.
     </p>
     <table>
-        <caption class="govuk-visually-hidden">Essential cookies</caption>
+        <caption class="usa-sr-only">Essential cookies</caption>
         <thead>
             <tr>
                 <th>Name</th>
@@ -153,7 +153,7 @@
       <li>any errors you see while using Notify</li>
     </ul>
     <table>
-        <caption class="govuk-visually-hidden">Google Analytics cookies</caption>
+        <caption class="usa-sr-only">Google Analytics cookies</caption>
         <thead>
             <tr>
                 <th>Name</th>
diff --git a/app/templates/views/register-from-invite.html b/app/templates/views/register-from-invite.html
index e4c2966a2..cb9951b47 100644
--- a/app/templates/views/register-from-invite.html
+++ b/app/templates/views/register-from-invite.html
@@ -21,7 +21,7 @@ Create an account
         well as the password, but should not be visible to users, nor should
         the view process the input.
       #}
-      <div class="govuk-visually-hidden">
+      <div class="usa-sr-only">
         <label for="username" aria-hidden="true">Email</label>
         <input type="email" name="username" id="username" value="{{ invited_user.email_address }}" disabled="disabled" tabindex="-1" aria-hidden="true" autocomplete="username" />
       </div>
diff --git a/app/templates/views/service-settings/email_reply_to.html b/app/templates/views/service-settings/email_reply_to.html
index 6a839a404..280c3e01d 100644
--- a/app/templates/views/service-settings/email_reply_to.html
+++ b/app/templates/views/service-settings/email_reply_to.html
@@ -38,7 +38,7 @@
           <div class="govuk-grid-column-one-quarter">
             {% if current_user.has_permissions('manage_service') %}
               <a class="govuk-link govuk-link--no-visited-state user-list-edit-link"href="{{ url_for('.service_edit_email_reply_to', service_id =current_service.id, reply_to_email_id = item.id) }}">
-                Change<span class="govuk-visually-hidden"> {{ item.email_address }}</span>
+                Change<span class="usa-sr-only"> {{ item.email_address }}</span>
               </a>
             {% endif %}
           </div>
diff --git a/app/templates/views/signedout.html b/app/templates/views/signedout.html
index 48abfd809..a5ed0d1a7 100644
--- a/app/templates/views/signedout.html
+++ b/app/templates/views/signedout.html
@@ -224,15 +224,15 @@ U.S. Notify
       <h2>Who’s using U.S. Notify</h2>
       <div class="govuk-grid-row bottom-gutter">
         <div class="govuk-grid-column-one-half">
-          <span class="govuk-visually-hidden">There are</span>
+          <span class="usa-sr-only">There are</span>
           <div class="product-page-big-number">{{ counts.organisations|format_thousands }}</div>
           <span>organizations</span>
         </div>
         <div class="govuk-grid-column-one-half">
-          <span class="govuk-visually-hidden">and</span>
+          <span class="usa-sr-only">and</span>
           <div class="product-page-big-number">{{ counts.services|format_thousands }}</div>
           <span>services</span>
-          <span class="govuk-visually-hidden">using Notify.</span>
+          <span class="usa-sr-only">using Notify.</span>
         </div>
       </div>
       <p>
@@ -246,12 +246,12 @@ U.S. Notify
       <h2>Pricing</h2>
       <div class="govuk-grid-row bottom-gutter">
         <div class="govuk-grid-column-one-half">
-          <h3 class="govuk-visually-hidden">Emails</h3>
+          <h3 class="usa-sr-only">Emails</h3>
           <div class="product-page-big-number">Unlimited</div>
           <span>free emails</span>
         </div>
         <div class="govuk-grid-column-one-half">
-          <h3 class="govuk-visually-hidden">Text messages</h3>
+          <h3 class="usa-sr-only">Text messages</h3>
           <div class="product-page-big-number">Up to 40,000</div>
           <span>free text messages a year,<br>
           then {{ sms_rate }} pence per message</span>
diff --git a/app/templates/views/templates/_move_to.html b/app/templates/views/templates/_move_to.html
index 5392abd87..36120163e 100644
--- a/app/templates/views/templates/_move_to.html
+++ b/app/templates/views/templates/_move_to.html
@@ -34,7 +34,7 @@
     {{ page_footer('Continue', button_name='operation', button_value='add-new-template') }}
     </div>
   </div>
-  <div class="selection-counter govuk-visually-hidden" role="status" aria-live="polite">
+  <div class="selection-counter usa-sr-only" role="status" aria-live="polite">
     Nothing selected
   </div>
 </div>
diff --git a/app/templates/views/templates/_template.html b/app/templates/views/templates/_template.html
index 7336f033e..57f082f0d 100644
--- a/app/templates/views/templates/_template.html
+++ b/app/templates/views/templates/_template.html
@@ -19,7 +19,7 @@
       <div class="usa-button-group">
         {% if current_user.has_permissions('send_messages', restrict_admin_usage=True) %}
             <a href="{{ url_for(".set_sender", service_id=current_service.id, template_id=template.id) }}" class="usa-button usa-pill-separate-item">
-              Prepare to send<span class="govuk-visually-hidden"> a message using this template</span>
+              Prepare to send<span class="usa-sr-only"> a message using this template</span>
             </a>
         {% endif %}
         {% if current_user.has_permissions('manage_templates') %}
diff --git a/app/templates/views/templates/_template_list.html b/app/templates/views/templates/_template_list.html
index bd2ee47fd..be92bbb3b 100644
--- a/app/templates/views/templates/_template_list.html
+++ b/app/templates/views/templates/_template_list.html
@@ -53,7 +53,7 @@
       {% endset %}
 
       {% set label_content %}
-        <span class="govuk-visually-hidden">
+        <span class="usa-sr-only">
           {%- for ancestor in item.ancestors %}{{ format_item_name(ancestor.name, separators=False) }} {% endfor -%}
           {{ format_item_name(item.name, separators=False) -}}
         </span>
diff --git a/app/templates/views/templates/choose.html b/app/templates/views/templates/choose.html
index 57d1207ac..01eb809c5 100644
--- a/app/templates/views/templates/choose.html
+++ b/app/templates/views/templates/choose.html
@@ -50,7 +50,7 @@
       </div>
       {% if current_user.has_permissions('manage_templates') and current_template_folder_id and user_has_template_folder_permission %}
         <div class="govuk-grid-column-one-sixth">
-          <a href="{{ url_for('.manage_template_folder', service_id=current_service.id, template_folder_id=current_template_folder_id) }}" class="govuk-link govuk-link--no-visited-state folder-heading-manage-link">Manage<span class="govuk-visually-hidden"> this folder</span></a>
+          <a href="{{ url_for('.manage_template_folder', service_id=current_service.id, template_folder_id=current_template_folder_id) }}" class="govuk-link govuk-link--no-visited-state folder-heading-manage-link">Manage<span class="usa-sr-only"> this folder</span></a>
         </div>
       {% endif %}
     </div>
diff --git a/paas-failwhale/index.html b/paas-failwhale/index.html
index 3232c12a0..0b1fba71c 100644
--- a/paas-failwhale/index.html
+++ b/paas-failwhale/index.html
@@ -103,7 +103,7 @@
       <div class="govuk-footer__meta">
         <div class="govuk-footer__meta-item govuk-footer__meta-item--grow">
 
-          <h2 class="govuk-visually-hidden">Support links</h2>
+          <h2 class="usa-sr-only">Support links</h2>
           <div class="govuk-footer__meta-custom">
             Built by the <a href="https://www.gsa.gov/about-us/organization/federal-acquisition-service/technology-transformation-services/tts-solutions"
               class="govuk-footer__link">Technology Transformation Services</a>
diff --git a/paas-failwhale/static_503/stylesheets/main.css b/paas-failwhale/static_503/stylesheets/main.css
index c4e0b73fc..062f452c3 100644
--- a/paas-failwhale/static_503/stylesheets/main.css
+++ b/paas-failwhale/static_503/stylesheets/main.css
@@ -3595,7 +3595,7 @@ only screen and (min-resolution: 2dppx) {
     clear: both
 }
 
-.govuk-visually-hidden {
+.usa-sr-only {
     position: absolute !important;
     width: 1px !important;
     height: 1px !important;
@@ -3609,7 +3609,7 @@ only screen and (min-resolution: 2dppx) {
     white-space: nowrap !important
 }
 
-.govuk-visually-hidden-focusable {
+.usa-sr-only-focusable {
     position: absolute !important;
     width: 1px !important;
     height: 1px !important;
@@ -3621,8 +3621,8 @@ only screen and (min-resolution: 2dppx) {
     white-space: nowrap !important
 }
 
-.govuk-visually-hidden-focusable:active,
-.govuk-visually-hidden-focusable:focus {
+.usa-sr-only-focusable:active,
+.usa-sr-only-focusable:focus {
     position: static !important;
     width: auto !important;
     height: auto !important;
diff --git a/paas-failwhale/static_503/stylesheets/print.css b/paas-failwhale/static_503/stylesheets/print.css
index 02e93a154..62fb07d7b 100644
--- a/paas-failwhale/static_503/stylesheets/print.css
+++ b/paas-failwhale/static_503/stylesheets/print.css
@@ -1 +1 @@
-.govuk-link{font-family:"nta",Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}/*! Copyright (c) 2011 by Margaret Calvert & Henrik Kubel. All rights reserved. The font has been customised for exclusive use on gov.uk. This cut is not commercially available. */@font-face{font-family:"nta";src:url("/static_503/fonts/light-2c037cf7e1-v1.eot");src:url("/static_503/fonts/light-2c037cf7e1-v1.eot?#iefix") format("embedded-opentype"),url("/static_503/fonts/light-f38ad40456-v1.woff2") format("woff2"),url("/static_503/fonts/light-458f8ea81c-v1.woff") format("woff");font-weight:normal;font-style:normal;font-display:fallback}@font-face{font-family:"nta";src:url("/static_503/fonts/bold-fb2676462a-v1.eot");src:url("/static_503/fonts/bold-fb2676462a-v1.eot?#iefix") format("embedded-opentype"),url("/static_503/fonts/bold-a2452cb66f-v1.woff2") format("woff2"),url("/static_503/fonts/bold-f38c792ac2-v1.woff") format("woff");font-weight:bold;font-style:normal;font-display:fallback}@font-face{font-family:"ntatabularnumbers";src:url("/static_503/fonts/light-tabular-498ea8ffe2-v1.eot");src:url("/static_503/fonts/light-tabular-498ea8ffe2-v1.eot?#iefix") format("embedded-opentype"),url("/static_503/fonts/light-tabular-851b10ccdd-v1.woff2") format("woff2"),url("/static_503/fonts/light-tabular-62cc6f0a28-v1.woff") format("woff");font-weight:normal;font-style:normal;font-display:fallback}@font-face{font-family:"ntatabularnumbers";src:url("/static_503/fonts/bold-tabular-357fdfbcc3-v1.eot");src:url("/static_503/fonts/bold-tabular-357fdfbcc3-v1.eot?#iefix") format("embedded-opentype"),url("/static_503/fonts/bold-tabular-b89238d840-v1.woff2") format("woff2"),url("/static_503/fonts/bold-tabular-784c21afb8-v1.woff") format("woff");font-weight:bold;font-style:normal;font-display:fallback}@media print{.govuk-link{font-family:sans-serif}}.govuk-link:focus{outline:3px solid #ffbf47;outline-offset:0;background-color:#ffbf47}.govuk-link:link{color:#005ea5}.govuk-link:visited{color:#4c2c92}.govuk-link:hover{color:#2b8cc4}.govuk-link:active{color:#2b8cc4}.govuk-link:focus{color:#0b0c0c}@media print{.govuk-link[href^="/"]::after,.govuk-link[href^="http://"]::after,.govuk-link[href^="https://"]::after{content:" (" attr(href) ")";font-size:90%;word-wrap:break-word}}.govuk-link--muted:link,.govuk-link--muted:visited,.govuk-link--muted:hover,.govuk-link--muted:active{color:#6f777b}.govuk-link--muted:focus{color:#0b0c0c}.govuk-link--text-colour:link,.govuk-link--text-colour:visited,.govuk-link--text-colour:hover,.govuk-link--text-colour:active,.govuk-link--text-colour:focus{color:#0b0c0c}@media print{.govuk-link--text-colour:link,.govuk-link--text-colour:visited,.govuk-link--text-colour:hover,.govuk-link--text-colour:active,.govuk-link--text-colour:focus{color:#000}}.govuk-link--no-visited-state:link{color:#005ea5}.govuk-link--no-visited-state:visited{color:#005ea5}.govuk-link--no-visited-state:hover{color:#2b8cc4}.govuk-link--no-visited-state:active{color:#2b8cc4}.govuk-link--no-visited-state:focus{color:#0b0c0c}.govuk-list{font-family:"nta",Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;font-size:16px;font-size:1rem;line-height:1.25;color:#0b0c0c;margin-top:0;margin-bottom:15px;padding-left:0;list-style-type:none}@media print{.govuk-list{font-family:sans-serif}}@media (min-width: 40.0625em){.govuk-list{font-size:19px;font-size:1.1875rem;line-height:1.31579}}@media print{.govuk-list{font-size:14pt;line-height:1.15}}@media print{.govuk-list{color:#000}}@media (min-width: 40.0625em){.govuk-list{margin-bottom:20px}}.govuk-list .govuk-list{margin-top:10px}.govuk-list>li{margin-bottom:5px}.govuk-list--bullet{padding-left:20px;list-style-type:disc}.govuk-list--number{padding-left:20px;list-style-type:decimal}.govuk-list--bullet>li,.govuk-list--number>li{margin-bottom:0}@media (min-width: 40.0625em){.govuk-list--bullet>li,.govuk-list--number>li{margin-bottom:5px}}.govuk-template{background-color:#dee0e2;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}@media screen{.govuk-template{overflow-y:scroll}}.govuk-template__body{margin:0;background-color:#fff}.govuk-heading-xl{color:#0b0c0c;font-family:"nta",Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:700;font-size:32px;font-size:2rem;line-height:1.09375;display:block;margin-top:0;margin-bottom:30px}@media print{.govuk-heading-xl{color:#000}}@media print{.govuk-heading-xl{font-family:sans-serif}}@media (min-width: 40.0625em){.govuk-heading-xl{font-size:48px;font-size:3rem;line-height:1.04167}}@media print{.govuk-heading-xl{font-size:32pt;line-height:1.15}}@media (min-width: 40.0625em){.govuk-heading-xl{margin-bottom:50px}}.govuk-heading-l{color:#0b0c0c;font-family:"nta",Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:700;font-size:24px;font-size:1.5rem;line-height:1.04167;display:block;margin-top:0;margin-bottom:20px}@media print{.govuk-heading-l{color:#000}}@media print{.govuk-heading-l{font-family:sans-serif}}@media (min-width: 40.0625em){.govuk-heading-l{font-size:36px;font-size:2.25rem;line-height:1.11111}}@media print{.govuk-heading-l{font-size:24pt;line-height:1.05}}@media (min-width: 40.0625em){.govuk-heading-l{margin-bottom:30px}}.govuk-heading-m{color:#0b0c0c;font-family:"nta",Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:700;font-size:18px;font-size:1.125rem;line-height:1.11111;display:block;margin-top:0;margin-bottom:15px}@media print{.govuk-heading-m{color:#000}}@media print{.govuk-heading-m{font-family:sans-serif}}@media (min-width: 40.0625em){.govuk-heading-m{font-size:24px;font-size:1.5rem;line-height:1.25}}@media print{.govuk-heading-m{font-size:18pt;line-height:1.15}}@media (min-width: 40.0625em){.govuk-heading-m{margin-bottom:20px}}.govuk-heading-s{color:#0b0c0c;font-family:"nta",Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:700;font-size:16px;font-size:1rem;line-height:1.25;display:block;margin-top:0;margin-bottom:15px}@media print{.govuk-heading-s{color:#000}}@media print{.govuk-heading-s{font-family:sans-serif}}@media (min-width: 40.0625em){.govuk-heading-s{font-size:19px;font-size:1.1875rem;line-height:1.31579}}@media print{.govuk-heading-s{font-size:14pt;line-height:1.15}}@media (min-width: 40.0625em){.govuk-heading-s{margin-bottom:20px}}.govuk-caption-xl{font-family:"nta",Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;font-size:18px;font-size:1.125rem;line-height:1.11111;display:block;margin-bottom:5px;color:#6f777b}@media print{.govuk-caption-xl{font-family:sans-serif}}@media (min-width: 40.0625em){.govuk-caption-xl{font-size:27px;font-size:1.6875rem;line-height:1.11111}}@media print{.govuk-caption-xl{font-size:18pt;line-height:1.15}}.govuk-caption-l{font-family:"nta",Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;font-size:18px;font-size:1.125rem;line-height:1.11111;display:block;margin-bottom:5px;color:#6f777b}@media print{.govuk-caption-l{font-family:sans-serif}}@media (min-width: 40.0625em){.govuk-caption-l{font-size:24px;font-size:1.5rem;line-height:1.25}}@media print{.govuk-caption-l{font-size:18pt;line-height:1.15}}@media (min-width: 40.0625em){.govuk-caption-l{margin-bottom:0}}.govuk-caption-m{font-family:"nta",Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;font-size:16px;font-size:1rem;line-height:1.25;display:block;color:#6f777b}@media print{.govuk-caption-m{font-family:sans-serif}}@media (min-width: 40.0625em){.govuk-caption-m{font-size:19px;font-size:1.1875rem;line-height:1.31579}}@media print{.govuk-caption-m{font-size:14pt;line-height:1.15}}.govuk-body-l,.govuk-body-lead{color:#0b0c0c;font-family:"nta",Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;font-size:18px;font-size:1.125rem;line-height:1.11111;margin-top:0;margin-bottom:20px}@media print{.govuk-body-l,.govuk-body-lead{color:#000}}@media print{.govuk-body-l,.govuk-body-lead{font-family:sans-serif}}@media (min-width: 40.0625em){.govuk-body-l,.govuk-body-lead{font-size:24px;font-size:1.5rem;line-height:1.25}}@media print{.govuk-body-l,.govuk-body-lead{font-size:18pt;line-height:1.15}}@media (min-width: 40.0625em){.govuk-body-l,.govuk-body-lead{margin-bottom:30px}}.govuk-body-m,.govuk-body{color:#0b0c0c;font-family:"nta",Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;font-size:16px;font-size:1rem;line-height:1.25;margin-top:0;margin-bottom:15px}@media print{.govuk-body-m,.govuk-body{color:#000}}@media print{.govuk-body-m,.govuk-body{font-family:sans-serif}}@media (min-width: 40.0625em){.govuk-body-m,.govuk-body{font-size:19px;font-size:1.1875rem;line-height:1.31579}}@media print{.govuk-body-m,.govuk-body{font-size:14pt;line-height:1.15}}@media (min-width: 40.0625em){.govuk-body-m,.govuk-body{margin-bottom:20px}}.govuk-body-s{color:#0b0c0c;font-family:"nta",Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;font-size:14px;font-size:.875rem;line-height:1.14286;margin-top:0;margin-bottom:15px}@media print{.govuk-body-s{color:#000}}@media print{.govuk-body-s{font-family:sans-serif}}@media (min-width: 40.0625em){.govuk-body-s{font-size:16px;font-size:1rem;line-height:1.25}}@media print{.govuk-body-s{font-size:14pt;line-height:1.2}}@media (min-width: 40.0625em){.govuk-body-s{margin-bottom:20px}}.govuk-body-xs{color:#0b0c0c;font-family:"nta",Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;font-size:12px;font-size:.75rem;line-height:1.25;margin-top:0;margin-bottom:15px}@media print{.govuk-body-xs{color:#000}}@media print{.govuk-body-xs{font-family:sans-serif}}@media (min-width: 40.0625em){.govuk-body-xs{font-size:14px;font-size:.875rem;line-height:1.42857}}@media print{.govuk-body-xs{font-size:12pt;line-height:1.2}}@media (min-width: 40.0625em){.govuk-body-xs{margin-bottom:20px}}.govuk-body-l+.govuk-heading-l,.govuk-body-lead+.govuk-heading-l{padding-top:5px}@media (min-width: 40.0625em){.govuk-body-l+.govuk-heading-l,.govuk-body-lead+.govuk-heading-l{padding-top:10px}}.govuk-body-m+.govuk-heading-l,.govuk-body+.govuk-heading-l,.govuk-body-s+.govuk-heading-l,.govuk-list+.govuk-heading-l{padding-top:15px}@media (min-width: 40.0625em){.govuk-body-m+.govuk-heading-l,.govuk-body+.govuk-heading-l,.govuk-body-s+.govuk-heading-l,.govuk-list+.govuk-heading-l{padding-top:20px}}.govuk-body-m+.govuk-heading-m,.govuk-body+.govuk-heading-m,.govuk-body-s+.govuk-heading-m,.govuk-list+.govuk-heading-m,.govuk-body-m+.govuk-heading-s,.govuk-body+.govuk-heading-s,.govuk-body-s+.govuk-heading-s,.govuk-list+.govuk-heading-s{padding-top:5px}@media (min-width: 40.0625em){.govuk-body-m+.govuk-heading-m,.govuk-body+.govuk-heading-m,.govuk-body-s+.govuk-heading-m,.govuk-list+.govuk-heading-m,.govuk-body-m+.govuk-heading-s,.govuk-body+.govuk-heading-s,.govuk-body-s+.govuk-heading-s,.govuk-list+.govuk-heading-s{padding-top:10px}}.govuk-section-break{margin:0;border:0}.govuk-section-break--xl{margin-top:30px;margin-bottom:30px}@media (min-width: 40.0625em){.govuk-section-break--xl{margin-top:50px}}@media (min-width: 40.0625em){.govuk-section-break--xl{margin-bottom:50px}}.govuk-section-break--l{margin-top:20px;margin-bottom:20px}@media (min-width: 40.0625em){.govuk-section-break--l{margin-top:30px}}@media (min-width: 40.0625em){.govuk-section-break--l{margin-bottom:30px}}.govuk-section-break--m{margin-top:15px;margin-bottom:15px}@media (min-width: 40.0625em){.govuk-section-break--m{margin-top:20px}}@media (min-width: 40.0625em){.govuk-section-break--m{margin-bottom:20px}}.govuk-section-break--visible{border-bottom:1px solid #bfc1c3}.govuk-form-group{margin-bottom:20px}.govuk-form-group:after{content:"";display:block;clear:both}@media (min-width: 40.0625em){.govuk-form-group{margin-bottom:30px}}.govuk-form-group .govuk-form-group:last-of-type{margin-bottom:0}.govuk-form-group--error{padding-left:15px;border-left:5px solid #b10e1e}.govuk-form-group--error .govuk-form-group{padding:0;border:0}.govuk-grid-row{margin-right:-15px;margin-left:-15px}.govuk-grid-row:after{content:"";display:block;clear:both}.govuk-grid-column-one-quarter{box-sizing:border-box;width:100%;padding:0 15px}@media (min-width: 40.0625em){.govuk-grid-column-one-quarter{width:25%;float:left}}.govuk-grid-column-one-third{box-sizing:border-box;width:100%;padding:0 15px}@media (min-width: 40.0625em){.govuk-grid-column-one-third{width:33.3333%;float:left}}.govuk-grid-column-one-half{box-sizing:border-box;width:100%;padding:0 15px}@media (min-width: 40.0625em){.govuk-grid-column-one-half{width:50%;float:left}}.govuk-grid-column-two-thirds{box-sizing:border-box;width:100%;padding:0 15px}@media (min-width: 40.0625em){.govuk-grid-column-two-thirds{width:66.6666%;float:left}}.govuk-grid-column-three-quarters{box-sizing:border-box;width:100%;padding:0 15px}@media (min-width: 40.0625em){.govuk-grid-column-three-quarters{width:75%;float:left}}.govuk-grid-column-full{box-sizing:border-box;width:100%;padding:0 15px}@media (min-width: 40.0625em){.govuk-grid-column-full{width:100%;float:left}}.govuk-grid-column-one-quarter-from-desktop{box-sizing:border-box;padding:0 15px}@media (min-width: 48.0625em){.govuk-grid-column-one-quarter-from-desktop{width:25%;float:left}}.govuk-grid-column-one-third-from-desktop{box-sizing:border-box;padding:0 15px}@media (min-width: 48.0625em){.govuk-grid-column-one-third-from-desktop{width:33.3333%;float:left}}.govuk-grid-column-one-half-from-desktop{box-sizing:border-box;padding:0 15px}@media (min-width: 48.0625em){.govuk-grid-column-one-half-from-desktop{width:50%;float:left}}.govuk-grid-column-two-thirds-from-desktop{box-sizing:border-box;padding:0 15px}@media (min-width: 48.0625em){.govuk-grid-column-two-thirds-from-desktop{width:66.6666%;float:left}}.govuk-grid-column-three-quarters-from-desktop{box-sizing:border-box;padding:0 15px}@media (min-width: 48.0625em){.govuk-grid-column-three-quarters-from-desktop{width:75%;float:left}}.govuk-grid-column-full-from-desktop{box-sizing:border-box;padding:0 15px}@media (min-width: 48.0625em){.govuk-grid-column-full-from-desktop{width:100%;float:left}}.govuk-main-wrapper{display:block;padding-top:20px;padding-bottom:20px}@media (min-width: 40.0625em){.govuk-main-wrapper{padding-top:40px;padding-bottom:40px}}.govuk-main-wrapper--l{padding-top:30px}@media (min-width: 40.0625em){.govuk-main-wrapper--l{padding-top:50px}}.govuk-width-container{max-width:960px;margin:0 15px}@supports (margin: max(calc(0px))){.govuk-width-container{margin-right:max(15px, calc(15px + env(safe-area-inset-right)));margin-left:max(15px, calc(15px + env(safe-area-inset-left)))}}@media (min-width: 40.0625em){.govuk-width-container{margin:0 30px}@supports (margin: max(calc(0px))){.govuk-width-container{margin-right:max(30px, calc(15px + env(safe-area-inset-right)));margin-left:max(30px, calc(15px + env(safe-area-inset-left)))}}}@media (min-width: 1020px){.govuk-width-container{margin:0 auto}@supports (margin: max(calc(0px))){.govuk-width-container{margin:0 auto}}}*{background:transparent;color:black;text-shadow:none;filter:none;-ms-filter:none}body{font-family:"nta",Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;font-size:12px;font-size:.75rem;line-height:1.25;margin:0;padding:0;width:100%}@media print{body{font-family:sans-serif}}@media (min-width: 40.0625em){body{font-size:14px;font-size:.875rem;line-height:1.42857}}@media print{body{font-size:12pt;line-height:1.2}}a,a:visited{word-wrap:break-word}a[href^="/"]:after,a[href^="http://"]:after,a[href^="https://"]:after{content:" (" attr(href) ")";font-size:90%}a[href^="javascript:"]:after,a[href^="#"]:after{content:""}img{max-width:100% !important}select{background:white}.govuk-header .govuk-header__logo{font-family:"nta",Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;font-size:16px;font-size:1rem;line-height:1.25;text-rendering:optimizeLegibility}@media print{.govuk-header .govuk-header__logo{font-family:sans-serif}}@media (min-width: 40.0625em){.govuk-header .govuk-header__logo{font-size:19px;font-size:1.1875rem;line-height:1.31579}}@media print{.govuk-header .govuk-header__logo{font-size:14pt;line-height:1.15}}.govuk-header .govuk-header__logo a,.govuk-header .govuk-header__logo a:visited{text-decoration:none}.govuk-header .govuk-header__logo a:after{content:""}.govuk-header .govuk-header__logo svg{width:45px;height:40px;position:relative;top:-3px;vertical-align:bottom}.govuk-visually-hidden,.govuk-visually-hidden-focusable,.notify-cookie-message,.govuk-skip-link,.govuk-footer{display:none !important}
+.govuk-link{font-family:"nta",Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}/*! Copyright (c) 2011 by Margaret Calvert & Henrik Kubel. All rights reserved. The font has been customised for exclusive use on gov.uk. This cut is not commercially available. */@font-face{font-family:"nta";src:url("/static_503/fonts/light-2c037cf7e1-v1.eot");src:url("/static_503/fonts/light-2c037cf7e1-v1.eot?#iefix") format("embedded-opentype"),url("/static_503/fonts/light-f38ad40456-v1.woff2") format("woff2"),url("/static_503/fonts/light-458f8ea81c-v1.woff") format("woff");font-weight:normal;font-style:normal;font-display:fallback}@font-face{font-family:"nta";src:url("/static_503/fonts/bold-fb2676462a-v1.eot");src:url("/static_503/fonts/bold-fb2676462a-v1.eot?#iefix") format("embedded-opentype"),url("/static_503/fonts/bold-a2452cb66f-v1.woff2") format("woff2"),url("/static_503/fonts/bold-f38c792ac2-v1.woff") format("woff");font-weight:bold;font-style:normal;font-display:fallback}@font-face{font-family:"ntatabularnumbers";src:url("/static_503/fonts/light-tabular-498ea8ffe2-v1.eot");src:url("/static_503/fonts/light-tabular-498ea8ffe2-v1.eot?#iefix") format("embedded-opentype"),url("/static_503/fonts/light-tabular-851b10ccdd-v1.woff2") format("woff2"),url("/static_503/fonts/light-tabular-62cc6f0a28-v1.woff") format("woff");font-weight:normal;font-style:normal;font-display:fallback}@font-face{font-family:"ntatabularnumbers";src:url("/static_503/fonts/bold-tabular-357fdfbcc3-v1.eot");src:url("/static_503/fonts/bold-tabular-357fdfbcc3-v1.eot?#iefix") format("embedded-opentype"),url("/static_503/fonts/bold-tabular-b89238d840-v1.woff2") format("woff2"),url("/static_503/fonts/bold-tabular-784c21afb8-v1.woff") format("woff");font-weight:bold;font-style:normal;font-display:fallback}@media print{.govuk-link{font-family:sans-serif}}.govuk-link:focus{outline:3px solid #ffbf47;outline-offset:0;background-color:#ffbf47}.govuk-link:link{color:#005ea5}.govuk-link:visited{color:#4c2c92}.govuk-link:hover{color:#2b8cc4}.govuk-link:active{color:#2b8cc4}.govuk-link:focus{color:#0b0c0c}@media print{.govuk-link[href^="/"]::after,.govuk-link[href^="http://"]::after,.govuk-link[href^="https://"]::after{content:" (" attr(href) ")";font-size:90%;word-wrap:break-word}}.govuk-link--muted:link,.govuk-link--muted:visited,.govuk-link--muted:hover,.govuk-link--muted:active{color:#6f777b}.govuk-link--muted:focus{color:#0b0c0c}.govuk-link--text-colour:link,.govuk-link--text-colour:visited,.govuk-link--text-colour:hover,.govuk-link--text-colour:active,.govuk-link--text-colour:focus{color:#0b0c0c}@media print{.govuk-link--text-colour:link,.govuk-link--text-colour:visited,.govuk-link--text-colour:hover,.govuk-link--text-colour:active,.govuk-link--text-colour:focus{color:#000}}.govuk-link--no-visited-state:link{color:#005ea5}.govuk-link--no-visited-state:visited{color:#005ea5}.govuk-link--no-visited-state:hover{color:#2b8cc4}.govuk-link--no-visited-state:active{color:#2b8cc4}.govuk-link--no-visited-state:focus{color:#0b0c0c}.govuk-list{font-family:"nta",Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;font-size:16px;font-size:1rem;line-height:1.25;color:#0b0c0c;margin-top:0;margin-bottom:15px;padding-left:0;list-style-type:none}@media print{.govuk-list{font-family:sans-serif}}@media (min-width: 40.0625em){.govuk-list{font-size:19px;font-size:1.1875rem;line-height:1.31579}}@media print{.govuk-list{font-size:14pt;line-height:1.15}}@media print{.govuk-list{color:#000}}@media (min-width: 40.0625em){.govuk-list{margin-bottom:20px}}.govuk-list .govuk-list{margin-top:10px}.govuk-list>li{margin-bottom:5px}.govuk-list--bullet{padding-left:20px;list-style-type:disc}.govuk-list--number{padding-left:20px;list-style-type:decimal}.govuk-list--bullet>li,.govuk-list--number>li{margin-bottom:0}@media (min-width: 40.0625em){.govuk-list--bullet>li,.govuk-list--number>li{margin-bottom:5px}}.govuk-template{background-color:#dee0e2;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}@media screen{.govuk-template{overflow-y:scroll}}.govuk-template__body{margin:0;background-color:#fff}.govuk-heading-xl{color:#0b0c0c;font-family:"nta",Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:700;font-size:32px;font-size:2rem;line-height:1.09375;display:block;margin-top:0;margin-bottom:30px}@media print{.govuk-heading-xl{color:#000}}@media print{.govuk-heading-xl{font-family:sans-serif}}@media (min-width: 40.0625em){.govuk-heading-xl{font-size:48px;font-size:3rem;line-height:1.04167}}@media print{.govuk-heading-xl{font-size:32pt;line-height:1.15}}@media (min-width: 40.0625em){.govuk-heading-xl{margin-bottom:50px}}.govuk-heading-l{color:#0b0c0c;font-family:"nta",Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:700;font-size:24px;font-size:1.5rem;line-height:1.04167;display:block;margin-top:0;margin-bottom:20px}@media print{.govuk-heading-l{color:#000}}@media print{.govuk-heading-l{font-family:sans-serif}}@media (min-width: 40.0625em){.govuk-heading-l{font-size:36px;font-size:2.25rem;line-height:1.11111}}@media print{.govuk-heading-l{font-size:24pt;line-height:1.05}}@media (min-width: 40.0625em){.govuk-heading-l{margin-bottom:30px}}.govuk-heading-m{color:#0b0c0c;font-family:"nta",Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:700;font-size:18px;font-size:1.125rem;line-height:1.11111;display:block;margin-top:0;margin-bottom:15px}@media print{.govuk-heading-m{color:#000}}@media print{.govuk-heading-m{font-family:sans-serif}}@media (min-width: 40.0625em){.govuk-heading-m{font-size:24px;font-size:1.5rem;line-height:1.25}}@media print{.govuk-heading-m{font-size:18pt;line-height:1.15}}@media (min-width: 40.0625em){.govuk-heading-m{margin-bottom:20px}}.govuk-heading-s{color:#0b0c0c;font-family:"nta",Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:700;font-size:16px;font-size:1rem;line-height:1.25;display:block;margin-top:0;margin-bottom:15px}@media print{.govuk-heading-s{color:#000}}@media print{.govuk-heading-s{font-family:sans-serif}}@media (min-width: 40.0625em){.govuk-heading-s{font-size:19px;font-size:1.1875rem;line-height:1.31579}}@media print{.govuk-heading-s{font-size:14pt;line-height:1.15}}@media (min-width: 40.0625em){.govuk-heading-s{margin-bottom:20px}}.govuk-caption-xl{font-family:"nta",Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;font-size:18px;font-size:1.125rem;line-height:1.11111;display:block;margin-bottom:5px;color:#6f777b}@media print{.govuk-caption-xl{font-family:sans-serif}}@media (min-width: 40.0625em){.govuk-caption-xl{font-size:27px;font-size:1.6875rem;line-height:1.11111}}@media print{.govuk-caption-xl{font-size:18pt;line-height:1.15}}.govuk-caption-l{font-family:"nta",Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;font-size:18px;font-size:1.125rem;line-height:1.11111;display:block;margin-bottom:5px;color:#6f777b}@media print{.govuk-caption-l{font-family:sans-serif}}@media (min-width: 40.0625em){.govuk-caption-l{font-size:24px;font-size:1.5rem;line-height:1.25}}@media print{.govuk-caption-l{font-size:18pt;line-height:1.15}}@media (min-width: 40.0625em){.govuk-caption-l{margin-bottom:0}}.govuk-caption-m{font-family:"nta",Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;font-size:16px;font-size:1rem;line-height:1.25;display:block;color:#6f777b}@media print{.govuk-caption-m{font-family:sans-serif}}@media (min-width: 40.0625em){.govuk-caption-m{font-size:19px;font-size:1.1875rem;line-height:1.31579}}@media print{.govuk-caption-m{font-size:14pt;line-height:1.15}}.govuk-body-l,.govuk-body-lead{color:#0b0c0c;font-family:"nta",Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;font-size:18px;font-size:1.125rem;line-height:1.11111;margin-top:0;margin-bottom:20px}@media print{.govuk-body-l,.govuk-body-lead{color:#000}}@media print{.govuk-body-l,.govuk-body-lead{font-family:sans-serif}}@media (min-width: 40.0625em){.govuk-body-l,.govuk-body-lead{font-size:24px;font-size:1.5rem;line-height:1.25}}@media print{.govuk-body-l,.govuk-body-lead{font-size:18pt;line-height:1.15}}@media (min-width: 40.0625em){.govuk-body-l,.govuk-body-lead{margin-bottom:30px}}.govuk-body-m,.govuk-body{color:#0b0c0c;font-family:"nta",Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;font-size:16px;font-size:1rem;line-height:1.25;margin-top:0;margin-bottom:15px}@media print{.govuk-body-m,.govuk-body{color:#000}}@media print{.govuk-body-m,.govuk-body{font-family:sans-serif}}@media (min-width: 40.0625em){.govuk-body-m,.govuk-body{font-size:19px;font-size:1.1875rem;line-height:1.31579}}@media print{.govuk-body-m,.govuk-body{font-size:14pt;line-height:1.15}}@media (min-width: 40.0625em){.govuk-body-m,.govuk-body{margin-bottom:20px}}.govuk-body-s{color:#0b0c0c;font-family:"nta",Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;font-size:14px;font-size:.875rem;line-height:1.14286;margin-top:0;margin-bottom:15px}@media print{.govuk-body-s{color:#000}}@media print{.govuk-body-s{font-family:sans-serif}}@media (min-width: 40.0625em){.govuk-body-s{font-size:16px;font-size:1rem;line-height:1.25}}@media print{.govuk-body-s{font-size:14pt;line-height:1.2}}@media (min-width: 40.0625em){.govuk-body-s{margin-bottom:20px}}.govuk-body-xs{color:#0b0c0c;font-family:"nta",Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;font-size:12px;font-size:.75rem;line-height:1.25;margin-top:0;margin-bottom:15px}@media print{.govuk-body-xs{color:#000}}@media print{.govuk-body-xs{font-family:sans-serif}}@media (min-width: 40.0625em){.govuk-body-xs{font-size:14px;font-size:.875rem;line-height:1.42857}}@media print{.govuk-body-xs{font-size:12pt;line-height:1.2}}@media (min-width: 40.0625em){.govuk-body-xs{margin-bottom:20px}}.govuk-body-l+.govuk-heading-l,.govuk-body-lead+.govuk-heading-l{padding-top:5px}@media (min-width: 40.0625em){.govuk-body-l+.govuk-heading-l,.govuk-body-lead+.govuk-heading-l{padding-top:10px}}.govuk-body-m+.govuk-heading-l,.govuk-body+.govuk-heading-l,.govuk-body-s+.govuk-heading-l,.govuk-list+.govuk-heading-l{padding-top:15px}@media (min-width: 40.0625em){.govuk-body-m+.govuk-heading-l,.govuk-body+.govuk-heading-l,.govuk-body-s+.govuk-heading-l,.govuk-list+.govuk-heading-l{padding-top:20px}}.govuk-body-m+.govuk-heading-m,.govuk-body+.govuk-heading-m,.govuk-body-s+.govuk-heading-m,.govuk-list+.govuk-heading-m,.govuk-body-m+.govuk-heading-s,.govuk-body+.govuk-heading-s,.govuk-body-s+.govuk-heading-s,.govuk-list+.govuk-heading-s{padding-top:5px}@media (min-width: 40.0625em){.govuk-body-m+.govuk-heading-m,.govuk-body+.govuk-heading-m,.govuk-body-s+.govuk-heading-m,.govuk-list+.govuk-heading-m,.govuk-body-m+.govuk-heading-s,.govuk-body+.govuk-heading-s,.govuk-body-s+.govuk-heading-s,.govuk-list+.govuk-heading-s{padding-top:10px}}.govuk-section-break{margin:0;border:0}.govuk-section-break--xl{margin-top:30px;margin-bottom:30px}@media (min-width: 40.0625em){.govuk-section-break--xl{margin-top:50px}}@media (min-width: 40.0625em){.govuk-section-break--xl{margin-bottom:50px}}.govuk-section-break--l{margin-top:20px;margin-bottom:20px}@media (min-width: 40.0625em){.govuk-section-break--l{margin-top:30px}}@media (min-width: 40.0625em){.govuk-section-break--l{margin-bottom:30px}}.govuk-section-break--m{margin-top:15px;margin-bottom:15px}@media (min-width: 40.0625em){.govuk-section-break--m{margin-top:20px}}@media (min-width: 40.0625em){.govuk-section-break--m{margin-bottom:20px}}.govuk-section-break--visible{border-bottom:1px solid #bfc1c3}.govuk-form-group{margin-bottom:20px}.govuk-form-group:after{content:"";display:block;clear:both}@media (min-width: 40.0625em){.govuk-form-group{margin-bottom:30px}}.govuk-form-group .govuk-form-group:last-of-type{margin-bottom:0}.govuk-form-group--error{padding-left:15px;border-left:5px solid #b10e1e}.govuk-form-group--error .govuk-form-group{padding:0;border:0}.govuk-grid-row{margin-right:-15px;margin-left:-15px}.govuk-grid-row:after{content:"";display:block;clear:both}.govuk-grid-column-one-quarter{box-sizing:border-box;width:100%;padding:0 15px}@media (min-width: 40.0625em){.govuk-grid-column-one-quarter{width:25%;float:left}}.govuk-grid-column-one-third{box-sizing:border-box;width:100%;padding:0 15px}@media (min-width: 40.0625em){.govuk-grid-column-one-third{width:33.3333%;float:left}}.govuk-grid-column-one-half{box-sizing:border-box;width:100%;padding:0 15px}@media (min-width: 40.0625em){.govuk-grid-column-one-half{width:50%;float:left}}.govuk-grid-column-two-thirds{box-sizing:border-box;width:100%;padding:0 15px}@media (min-width: 40.0625em){.govuk-grid-column-two-thirds{width:66.6666%;float:left}}.govuk-grid-column-three-quarters{box-sizing:border-box;width:100%;padding:0 15px}@media (min-width: 40.0625em){.govuk-grid-column-three-quarters{width:75%;float:left}}.govuk-grid-column-full{box-sizing:border-box;width:100%;padding:0 15px}@media (min-width: 40.0625em){.govuk-grid-column-full{width:100%;float:left}}.govuk-grid-column-one-quarter-from-desktop{box-sizing:border-box;padding:0 15px}@media (min-width: 48.0625em){.govuk-grid-column-one-quarter-from-desktop{width:25%;float:left}}.govuk-grid-column-one-third-from-desktop{box-sizing:border-box;padding:0 15px}@media (min-width: 48.0625em){.govuk-grid-column-one-third-from-desktop{width:33.3333%;float:left}}.govuk-grid-column-one-half-from-desktop{box-sizing:border-box;padding:0 15px}@media (min-width: 48.0625em){.govuk-grid-column-one-half-from-desktop{width:50%;float:left}}.govuk-grid-column-two-thirds-from-desktop{box-sizing:border-box;padding:0 15px}@media (min-width: 48.0625em){.govuk-grid-column-two-thirds-from-desktop{width:66.6666%;float:left}}.govuk-grid-column-three-quarters-from-desktop{box-sizing:border-box;padding:0 15px}@media (min-width: 48.0625em){.govuk-grid-column-three-quarters-from-desktop{width:75%;float:left}}.govuk-grid-column-full-from-desktop{box-sizing:border-box;padding:0 15px}@media (min-width: 48.0625em){.govuk-grid-column-full-from-desktop{width:100%;float:left}}.govuk-main-wrapper{display:block;padding-top:20px;padding-bottom:20px}@media (min-width: 40.0625em){.govuk-main-wrapper{padding-top:40px;padding-bottom:40px}}.govuk-main-wrapper--l{padding-top:30px}@media (min-width: 40.0625em){.govuk-main-wrapper--l{padding-top:50px}}.govuk-width-container{max-width:960px;margin:0 15px}@supports (margin: max(calc(0px))){.govuk-width-container{margin-right:max(15px, calc(15px + env(safe-area-inset-right)));margin-left:max(15px, calc(15px + env(safe-area-inset-left)))}}@media (min-width: 40.0625em){.govuk-width-container{margin:0 30px}@supports (margin: max(calc(0px))){.govuk-width-container{margin-right:max(30px, calc(15px + env(safe-area-inset-right)));margin-left:max(30px, calc(15px + env(safe-area-inset-left)))}}}@media (min-width: 1020px){.govuk-width-container{margin:0 auto}@supports (margin: max(calc(0px))){.govuk-width-container{margin:0 auto}}}*{background:transparent;color:black;text-shadow:none;filter:none;-ms-filter:none}body{font-family:"nta",Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;font-size:12px;font-size:.75rem;line-height:1.25;margin:0;padding:0;width:100%}@media print{body{font-family:sans-serif}}@media (min-width: 40.0625em){body{font-size:14px;font-size:.875rem;line-height:1.42857}}@media print{body{font-size:12pt;line-height:1.2}}a,a:visited{word-wrap:break-word}a[href^="/"]:after,a[href^="http://"]:after,a[href^="https://"]:after{content:" (" attr(href) ")";font-size:90%}a[href^="javascript:"]:after,a[href^="#"]:after{content:""}img{max-width:100% !important}select{background:white}.govuk-header .govuk-header__logo{font-family:"nta",Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;font-size:16px;font-size:1rem;line-height:1.25;text-rendering:optimizeLegibility}@media print{.govuk-header .govuk-header__logo{font-family:sans-serif}}@media (min-width: 40.0625em){.govuk-header .govuk-header__logo{font-size:19px;font-size:1.1875rem;line-height:1.31579}}@media print{.govuk-header .govuk-header__logo{font-size:14pt;line-height:1.15}}.govuk-header .govuk-header__logo a,.govuk-header .govuk-header__logo a:visited{text-decoration:none}.govuk-header .govuk-header__logo a:after{content:""}.govuk-header .govuk-header__logo svg{width:45px;height:40px;position:relative;top:-3px;vertical-align:bottom}.usa-sr-only,.usa-sr-only-focusable,.notify-cookie-message,.govuk-skip-link,.govuk-footer{display:none !important}
diff --git a/tests/app/main/views/test_register.py b/tests/app/main/views/test_register.py
index 4d59f6867..424fae580 100644
--- a/tests/app/main/views/test_register.py
+++ b/tests/app/main/views/test_register.py
@@ -249,7 +249,7 @@ def test_shows_hidden_email_address_on_registration_page_from_invite(
     assert normalize_spaces(page.select_one('main p').text) == (
         'Your account will be created with this email address: invited_user@test.gsa.gov'
     )
-    hidden_input = page.select_one('form .govuk-visually-hidden input')
+    hidden_input = page.select_one('form .usa-sr-only input')
     for attr, value in (
         ('type', 'email'),
         ('name', 'username'),
diff --git a/tests/javascripts/collapsibleCheckboxes.test.js b/tests/javascripts/collapsibleCheckboxes.test.js
index 0dc5d6a7a..121f97353 100644
--- a/tests/javascripts/collapsibleCheckboxes.test.js
+++ b/tests/javascripts/collapsibleCheckboxes.test.js
@@ -116,7 +116,7 @@ describe('Collapsible fieldset', () => {
 
       const legend = helpers.element(fieldset.querySelector('legend'));
 
-      expect(legend.hasClass('govuk-visually-hidden')).toBe(true);
+      expect(legend.hasClass('usa-sr-only')).toBe(true);
 
     });
 
diff --git a/tests/javascripts/copyToClipboard.test.js b/tests/javascripts/copyToClipboard.test.js
index 6511aa6d5..b282faf91 100644
--- a/tests/javascripts/copyToClipboard.test.js
+++ b/tests/javascripts/copyToClipboard.test.js
@@ -25,7 +25,7 @@ describe('copy to clipboard', () => {
         ${options.thing}
       </h2>
       <div data-module="copy-to-clipboard" data-value="${apiKey}" data-thing="${options.thing}" data-name="${options.name}">
-        <span class="copy-to-clipboard__value" aria-live="assertive">${(options.name === options.thing) ? '<span class="govuk-visually-hidden">' + options.thing + ': </span>' : ''}${apiKey}</span>
+        <span class="copy-to-clipboard__value" aria-live="assertive">${(options.name === options.thing) ? '<span class="usa-sr-only">' + options.thing + ': </span>' : ''}${apiKey}</span>
         <span class="copy-to-clipboard__notice" aria-live="assertive"></span>
       </div>`;
 
@@ -177,7 +177,7 @@ describe('copy to clipboard', () => {
         // and so needs some prefix text to label it
         test("The id should have a hidden prefix to label what it is", () => {
 
-          const value = component.querySelector('.copy-to-clipboard__value .govuk-visually-hidden');
+          const value = component.querySelector('.copy-to-clipboard__value .usa-sr-only');
           expect(value).not.toBeNull();
           expect(value.textContent).toEqual('ID: ');
 
@@ -185,7 +185,7 @@ describe('copy to clipboard', () => {
 
         test("the button should have a hidden suffix naming the id it is for", () => {
 
-          const buttonSuffix = component.querySelector('button .govuk-visually-hidden');
+          const buttonSuffix = component.querySelector('button .usa-sr-only');
           expect(buttonSuffix).not.toBeNull();
           expect(buttonSuffix.textContent).toEqual(' for Default');
 
@@ -211,8 +211,8 @@ describe('copy to clipboard', () => {
 
         test("Its button and id shouldn't have extra hidden text to identify them", () => {
 
-          const value = component.querySelector('.copy-to-clipboard__value .govuk-visually-hidden');
-          const buttonSuffix = component.querySelector('button .govuk-visually-hidden');
+          const value = component.querySelector('.copy-to-clipboard__value .usa-sr-only');
+          const buttonSuffix = component.querySelector('button .usa-sr-only');
           expect(value).toBeNull();
           expect(buttonSuffix).toBeNull();
 
@@ -246,7 +246,7 @@ describe('copy to clipboard', () => {
 
           const liveRegion = component.querySelector('.copy-to-clipboard__notice');
 
-          expect(liveRegion.classList.contains('govuk-visually-hidden')).toBe(false);
+          expect(liveRegion.classList.contains('usa-sr-only')).toBe(false);
           expect(liveRegion.textContent.trim()).toEqual(
             expect.stringContaining('Copied to clipboard')
           );
@@ -257,7 +257,7 @@ describe('copy to clipboard', () => {
         // lower priority than the live-region
         test("The live-region should contain some hidden text giving context to the statement shown", () => {
 
-          const liveRegionHiddenText = component.querySelectorAll('.copy-to-clipboard__notice .govuk-visually-hidden');
+          const liveRegionHiddenText = component.querySelectorAll('.copy-to-clipboard__notice .usa-sr-only');
 
           expect(liveRegionHiddenText.length).toEqual(2);
           expect(liveRegionHiddenText[0].textContent).toEqual('Some Thing ');
@@ -342,7 +342,7 @@ describe('copy to clipboard', () => {
 
         test("the button should have a hidden suffix naming the id it is for", () => {
 
-          const buttonSuffix = component.querySelector('button .govuk-visually-hidden');
+          const buttonSuffix = component.querySelector('button .usa-sr-only');
           expect(buttonSuffix).not.toBeNull();
           expect(buttonSuffix.textContent).toEqual(' for Default');
 
@@ -385,8 +385,8 @@ describe('copy to clipboard', () => {
 
         test("Its button and id shouldn't have extra hidden text to identify them", () => {
 
-          const prefix = component.querySelector('.copy-to-clipboard__value .govuk-visually-hidden');
-          const buttonSuffix = component.querySelector('button .govuk-visually-hidden');
+          const prefix = component.querySelector('.copy-to-clipboard__value .usa-sr-only');
+          const buttonSuffix = component.querySelector('button .usa-sr-only');
           expect(prefix).toBeNull();
           expect(buttonSuffix).toBeNull();
 
diff --git a/tests/javascripts/listEntry.test.js b/tests/javascripts/listEntry.test.js
index 3ebfbb5a0..40c44e883 100644
--- a/tests/javascripts/listEntry.test.js
+++ b/tests/javascripts/listEntry.test.js
@@ -51,7 +51,7 @@ describe("List entry", () => {
             <div class="list-entry">
               <div class="govuk-form-group">
                 <label for="domains-${idx + 1}" class="govuk-label govuk-input--numbered__label">
-                  <span class="govuk-visually-hidden">domain number </span>${idx + 1}.
+                  <span class="usa-sr-only">domain number </span>${idx + 1}.
                 </label>
                 <input type="text" name="domains-${idx + 1}" id="domains-${idx + 1}" class="govuk-input govuk-input--numbered govuk-!-width-full" autocomplete="off">
               </div>
diff --git a/tests/javascripts/liveSearch.test.js b/tests/javascripts/liveSearch.test.js
index 59ff768bd..27b5cd0d7 100644
--- a/tests/javascripts/liveSearch.test.js
+++ b/tests/javascripts/liveSearch.test.js
@@ -70,7 +70,7 @@ describe('Live search', () => {
                 ${searchLabelText}
             </label>
             <input autocomplete="off" class="form-control form-control-1-1 " id="search" name="search" rows="8" type="search" value="">
-            <div role="region" aria-live="polite" class="live-search__status govuk-visually-hidden"></div>
+            <div role="region" aria-live="polite" class="live-search__status usa-sr-only"></div>
           </div>
         </div>
         <form method="post" autocomplete="off" novalidate>
@@ -559,7 +559,7 @@ describe('Live search', () => {
                 ${searchLabelText}
             </label>
             <input autocomplete="off" class="form-control form-control-1-1 " data-module="" id="search" name="search" rows="8" type="search" value="">
-            <div role="region" aria-live="polite" class="live-search__status govuk-visually-hidden"></div>
+            <div role="region" aria-live="polite" class="live-search__status usa-sr-only"></div>
           </div>
         </div>
         <form method="post" autocomplete="off" novalidate>
diff --git a/tests/javascripts/support/helpers/html.js b/tests/javascripts/support/helpers/html.js
index 89b0367c3..77e445410 100644
--- a/tests/javascripts/support/helpers/html.js
+++ b/tests/javascripts/support/helpers/html.js
@@ -26,7 +26,7 @@ function getRadioGroup (data) {
   }
   radioGroup.innerHTML = `
     <fieldset class="govuk-fieldset" id="${data.name}">
-      <legend class="govuk-fieldset__legend${data.hideLegend ? " govuk-visually-hidden" : ""}">
+      <legend class="govuk-fieldset__legend${data.hideLegend ? " usa-sr-only" : ""}">
         ${data.label}
       </legend>
       <div class="govuk-radios">
@@ -46,7 +46,7 @@ function templatesAndFoldersCheckboxes (hierarchy) {
       <div class="govuk-checkboxes__item template-list-item template-list-item-with-checkbox template-list-item-without-ancestors">
         <input class="usa-checkbox__input" id="templates-or-folder-${idx}" name="templates_and_folders" type="checkbox" value="templates-or-folder-${idx}">
         <label class="usa-checkbox__label template-list-item-label margin-top-05" for="templates-or-folder-${idx}">
-          <span class="govuk-visually-hidden">${node.label}</span>
+          <span class="usa-sr-only">${node.label}</span>
         </label>
         <a href="/services/6658542f-0cad-491f-bec8-ab8457700ead/templates/all/folders/3d057d9a-51fc-45ea-8b63-0003206350a6" class="govuk-link govuk-link--no-visited-state template-list-${node.type === 'folder' ? 'folder' : 'template'}">
           <span class="live-search-relevant">${node.label}</span>
diff --git a/tests/javascripts/templateFolderForm.test.js b/tests/javascripts/templateFolderForm.test.js
index 47b1d75bd..df1a9770c 100644
--- a/tests/javascripts/templateFolderForm.test.js
+++ b/tests/javascripts/templateFolderForm.test.js
@@ -392,8 +392,8 @@ describe('TemplateFolderForm', () => {
         const cancelLink = formControls.querySelector('.js-cancel');
 
         expect(cancelLink).not.toBeNull();
-        expect(cancelLink.querySelector('.govuk-visually-hidden')).not.toBeNull();
-        expect(cancelLink.querySelector('.govuk-visually-hidden').textContent.trim()).toEqual('new template');
+        expect(cancelLink.querySelector('.usa-sr-only')).not.toBeNull();
+        expect(cancelLink.querySelector('.usa-sr-only').textContent.trim()).toEqual('new template');
 
       });
 
@@ -520,8 +520,8 @@ describe('TemplateFolderForm', () => {
         const cancelLink = formControls.querySelector('.js-cancel');
 
         expect(cancelLink).not.toBeNull();
-        expect(cancelLink.querySelector('.govuk-visually-hidden')).not.toBeNull();
-        expect(cancelLink.querySelector('.govuk-visually-hidden').textContent.trim()).toEqual('new folder');
+        expect(cancelLink.querySelector('.usa-sr-only')).not.toBeNull();
+        expect(cancelLink.querySelector('.usa-sr-only').textContent.trim()).toEqual('new folder');
 
       });
 
@@ -742,8 +742,8 @@ describe('TemplateFolderForm', () => {
           const cancelLink = formControls.querySelector('.js-cancel');
 
           expect(cancelLink).not.toBeNull();
-          expect(cancelLink.querySelector('.govuk-visually-hidden')).not.toBeNull();
-          expect(cancelLink.querySelector('.govuk-visually-hidden').textContent.trim()).toEqual('move to folder');
+          expect(cancelLink.querySelector('.usa-sr-only')).not.toBeNull();
+          expect(cancelLink.querySelector('.usa-sr-only').textContent.trim()).toEqual('move to folder');
 
         });
 
@@ -844,8 +844,8 @@ describe('TemplateFolderForm', () => {
           const cancelLink = formControls.querySelector('.js-cancel');
 
           expect(cancelLink).not.toBeNull();
-          expect(cancelLink.querySelector('.govuk-visually-hidden')).not.toBeNull();
-          expect(cancelLink.querySelector('.govuk-visually-hidden').textContent.trim()).toEqual('move to new folder');
+          expect(cancelLink.querySelector('.usa-sr-only')).not.toBeNull();
+          expect(cancelLink.querySelector('.usa-sr-only').textContent.trim()).toEqual('move to new folder');
 
         });