From 0c9435955db43f993f2fa5fb12bd4bab93ed7d92 Mon Sep 17 00:00:00 2001
From: Andrew Hosgood <andrew.hosgood@nationalarchives.gov.uk>
Date: Thu, 30 Nov 2023 12:42:15 +0000
Subject: [PATCH] Add more fixtures

---
 .htmlvalidate.json                            |   1 +
 .../components/cookie-banner/fixtures.json    |  20 +--
 .../components/cookie-banner/template.njk     |   2 +-
 .../components/date-search/template.njk       |   2 +-
 .../components/featured-records/fixtures.json |  42 ++++-
 .../components/filters/filters.scss           |  26 ++-
 .../components/filters/fixtures.json          |  49 +++++-
 .../components/footer/fixtures.json           | 148 ++++++++++++++++
 .../components/header/fixtures.json           |  50 +++++-
 .../components/header/template.njk            |   2 +-
 .../components/message/fixtures.json          |  11 +-
 .../components/pagination/fixtures.json       |  45 ++++-
 .../components/picture/fixtures.json          |  17 +-
 .../components/search-field/fixtures.json     |  41 ++++-
 .../components/select/fixtures.json           | 166 +++++++++++++++++-
 .../components/select/template.njk            |   2 +-
 .../components/tabs/fixtures.json             |  28 ++-
 .../components/tabs/macro-options.json        |   6 -
 .../components/tabs/tabs.stories.js           |   6 +-
 .../components/tabs/template.njk              |   2 +-
 .../components/text-input/fixtures.json       |  82 ++++++++-
 .../components/text-input/template.njk        |   2 +-
 .../components/textarea/fixtures.json         |  82 ++++++++-
 .../components/textarea/template.njk          |   2 +-
 24 files changed, 781 insertions(+), 53 deletions(-)

diff --git a/.htmlvalidate.json b/.htmlvalidate.json
index 77b50c65..abdb6567 100644
--- a/.htmlvalidate.json
+++ b/.htmlvalidate.json
@@ -5,6 +5,7 @@
     "close-order": "error",
     "form-dup-name": 0,
     "no-inline-style": 0,
+    "no-redundant-role": 0,
     "no-trailing-whitespace": 0,
     "void-style": 0
   }
diff --git a/src/nationalarchives/components/cookie-banner/fixtures.json b/src/nationalarchives/components/cookie-banner/fixtures.json
index 1d4e7deb..66573bf8 100644
--- a/src/nationalarchives/components/cookie-banner/fixtures.json
+++ b/src/nationalarchives/components/cookie-banner/fixtures.json
@@ -7,7 +7,7 @@
         "serviceName": "My service",
         "cookiesUrl": "/cookies"
       },
-      "html": "<section class=\"tna-cookie-banner \" data-module=\"tna-cookie-banner\" data-policies=\"\" data-preferenceskey=\"cookie_preferences_set\" data-policies-key=\"\" data-domain=\"\" data-path=\"\" data-insecure=\"false\" aria-label=\"Cookies on My service\" hidden><div class=\"tna-container\"><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--prompt\"><h2 class=\"tna-heading-m\">This website uses cookies</h2><p>We use some essential cookies to make this service work.</p><p>We'd also like to use analytics cookies so we can understand how you use the service and make improvements.</p><div class=\"tna-button-group\"><button class=\"tna-button \" type=\"button\" value=\"accept\">Accept cookies</button><button class=\"tna-button \" type=\"button\" value=\"reject\">Reject cookies</button><a href=\"/cookies\" class=\"tna-button tna-button--plain\">Set cookie preferences</a></div></div><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--accepted\" tabindex=\"0\" hidden><p>You have accepted optional cookies. You can change your cookie settings on the <a href=\"/cookies\">Cookies page</a>.</p><div class=\"tna-button-group\"><button class=\"tna-button \" type=\"button\" value=\"close\">Close this message</button></div></div><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--rejected\" tabindex=\"0\" hidden><p>You have rejected optional cookies. You can change your cookie settings on the <a href=\"/cookies\">Cookies page</a>.</p><div class=\"tna-button-group\"><button class=\"tna-button \" type=\"button\" value=\"close\">Close this message</button></div></div></div></section>",
+      "html": "<section class=\"tna-cookie-banner \" data-module=\"tna-cookie-banner\" role=\"region\" data-policies=\"\" data-preferenceskey=\"cookie_preferences_set\" data-policies-key=\"\" data-domain=\"\" data-path=\"\" data-insecure=\"false\" aria-label=\"Cookies on My service\" hidden><div class=\"tna-container\"><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--prompt\"><h2 class=\"tna-heading-m\">This website uses cookies</h2><p>We use some essential cookies to make this service work.</p><p>We'd also like to use analytics cookies so we can understand how you use the service and make improvements.</p><div class=\"tna-button-group\"><button class=\"tna-button \" type=\"button\" value=\"accept\">Accept cookies</button><button class=\"tna-button \" type=\"button\" value=\"reject\">Reject cookies</button><a href=\"/cookies\" class=\"tna-button tna-button--plain\">Set cookie preferences</a></div></div><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--accepted\" tabindex=\"0\" hidden><p>You have accepted optional cookies. You can change your cookie settings on the <a href=\"/cookies\">Cookies page</a>.</p><div class=\"tna-button-group\"><button class=\"tna-button \" type=\"button\" value=\"close\">Close this message</button></div></div><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--rejected\" tabindex=\"0\" hidden><p>You have rejected optional cookies. You can change your cookie settings on the <a href=\"/cookies\">Cookies page</a>.</p><div class=\"tna-button-group\"><button class=\"tna-button \" type=\"button\" value=\"close\">Close this message</button></div></div></div></section>",
       "hidden": false
     },
     {
@@ -17,7 +17,7 @@
         "cookiesUrl": "/cookies",
         "cookiesPreferencesSetKey": "custom"
       },
-      "html": "<section class=\"tna-cookie-banner \" data-module=\"tna-cookie-banner\" data-policies=\"\" data-preferenceskey=\"cookie_preferences_set\" data-policies-key=\"\" data-domain=\"\" data-path=\"\" data-insecure=\"false\" aria-label=\"Cookies on My service\" hidden><div class=\"tna-container\"><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--prompt\"><h2 class=\"tna-heading-m\">This website uses cookies</h2><p>We use some essential cookies to make this service work.</p><p>We'd also like to use analytics cookies so we can understand how you use the service and make improvements.</p><div class=\"tna-button-group\"><button class=\"tna-button \" type=\"button\" value=\"accept\">Accept cookies</button><button class=\"tna-button \" type=\"button\" value=\"reject\">Reject cookies</button><a href=\"/cookies\" class=\"tna-button tna-button--plain\">Set cookie preferences</a></div></div><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--accepted\" tabindex=\"0\" hidden><p>You have accepted optional cookies. You can change your cookie settings on the <a href=\"/cookies\">Cookies page</a>.</p><div class=\"tna-button-group\"><button class=\"tna-button \" type=\"button\" value=\"close\">Close this message</button></div></div><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--rejected\" tabindex=\"0\" hidden><p>You have rejected optional cookies. You can change your cookie settings on the <a href=\"/cookies\">Cookies page</a>.</p><div class=\"tna-button-group\"><button class=\"tna-button \" type=\"button\" value=\"close\">Close this message</button></div></div></div></section>",
+      "html": "<section class=\"tna-cookie-banner \" data-module=\"tna-cookie-banner\" role=\"region\" data-policies=\"\" data-preferenceskey=\"cookie_preferences_set\" data-policies-key=\"\" data-domain=\"\" data-path=\"\" data-insecure=\"false\" aria-label=\"Cookies on My service\" hidden><div class=\"tna-container\"><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--prompt\"><h2 class=\"tna-heading-m\">This website uses cookies</h2><p>We use some essential cookies to make this service work.</p><p>We'd also like to use analytics cookies so we can understand how you use the service and make improvements.</p><div class=\"tna-button-group\"><button class=\"tna-button \" type=\"button\" value=\"accept\">Accept cookies</button><button class=\"tna-button \" type=\"button\" value=\"reject\">Reject cookies</button><a href=\"/cookies\" class=\"tna-button tna-button--plain\">Set cookie preferences</a></div></div><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--accepted\" tabindex=\"0\" hidden><p>You have accepted optional cookies. You can change your cookie settings on the <a href=\"/cookies\">Cookies page</a>.</p><div class=\"tna-button-group\"><button class=\"tna-button \" type=\"button\" value=\"close\">Close this message</button></div></div><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--rejected\" tabindex=\"0\" hidden><p>You have rejected optional cookies. You can change your cookie settings on the <a href=\"/cookies\">Cookies page</a>.</p><div class=\"tna-button-group\"><button class=\"tna-button \" type=\"button\" value=\"close\">Close this message</button></div></div></div></section>",
       "hidden": false
     },
     {
@@ -27,7 +27,7 @@
         "cookiesUrl": "/cookies",
         "policies": "custom"
       },
-      "html": "<section class=\"tna-cookie-banner \" data-module=\"tna-cookie-banner\" data-policies=\"custom\" data-preferenceskey=\"cookie_preferences_set\" data-policies-key=\"\" data-domain=\"\" data-path=\"\" data-insecure=\"false\" aria-label=\"Cookies on My service\" hidden><div class=\"tna-container\"><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--prompt\"><h2 class=\"tna-heading-m\">This website uses cookies</h2><p>We use some essential cookies to make this service work.</p><p>We'd also like to use analytics cookies so we can understand how you use the service and make improvements.</p><div class=\"tna-button-group\"><button class=\"tna-button \" type=\"button\" value=\"accept\">Accept cookies</button><button class=\"tna-button \" type=\"button\" value=\"reject\">Reject cookies</button><a href=\"/cookies\" class=\"tna-button tna-button--plain\">Set cookie preferences</a></div></div><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--accepted\" tabindex=\"0\" hidden><p>You have accepted optional cookies. You can change your cookie settings on the <a href=\"/cookies\">Cookies page</a>.</p><div class=\"tna-button-group\"><button class=\"tna-button \" type=\"button\" value=\"close\">Close this message</button></div></div><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--rejected\" tabindex=\"0\" hidden><p>You have rejected optional cookies. You can change your cookie settings on the <a href=\"/cookies\">Cookies page</a>.</p><div class=\"tna-button-group\"><button class=\"tna-button \" type=\"button\" value=\"close\">Close this message</button></div></div></div></section>",
+      "html": "<section class=\"tna-cookie-banner \" data-module=\"tna-cookie-banner\" role=\"region\" data-policies=\"custom\" data-preferenceskey=\"cookie_preferences_set\" data-policies-key=\"\" data-domain=\"\" data-path=\"\" data-insecure=\"false\" aria-label=\"Cookies on My service\" hidden><div class=\"tna-container\"><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--prompt\"><h2 class=\"tna-heading-m\">This website uses cookies</h2><p>We use some essential cookies to make this service work.</p><p>We'd also like to use analytics cookies so we can understand how you use the service and make improvements.</p><div class=\"tna-button-group\"><button class=\"tna-button \" type=\"button\" value=\"accept\">Accept cookies</button><button class=\"tna-button \" type=\"button\" value=\"reject\">Reject cookies</button><a href=\"/cookies\" class=\"tna-button tna-button--plain\">Set cookie preferences</a></div></div><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--accepted\" tabindex=\"0\" hidden><p>You have accepted optional cookies. You can change your cookie settings on the <a href=\"/cookies\">Cookies page</a>.</p><div class=\"tna-button-group\"><button class=\"tna-button \" type=\"button\" value=\"close\">Close this message</button></div></div><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--rejected\" tabindex=\"0\" hidden><p>You have rejected optional cookies. You can change your cookie settings on the <a href=\"/cookies\">Cookies page</a>.</p><div class=\"tna-button-group\"><button class=\"tna-button \" type=\"button\" value=\"close\">Close this message</button></div></div></div></section>",
       "hidden": false
     },
     {
@@ -37,7 +37,7 @@
         "cookiesUrl": "/cookies",
         "policiesKey": "custom_key"
       },
-      "html": "<section class=\"tna-cookie-banner \" data-module=\"tna-cookie-banner\" data-policies=\"\" data-preferenceskey=\"cookie_preferences_set\" data-policies-key=\"custom_key\" data-domain=\"\" data-path=\"\" data-insecure=\"false\" aria-label=\"Cookies on My service\" hidden><div class=\"tna-container\"><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--prompt\"><h2 class=\"tna-heading-m\">This website uses cookies</h2><p>We use some essential cookies to make this service work.</p><p>We'd also like to use analytics cookies so we can understand how you use the service and make improvements.</p><div class=\"tna-button-group\"><button class=\"tna-button \" type=\"button\" value=\"accept\">Accept cookies</button><button class=\"tna-button \" type=\"button\" value=\"reject\">Reject cookies</button><a href=\"/cookies\" class=\"tna-button tna-button--plain\">Set cookie preferences</a></div></div><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--accepted\" tabindex=\"0\" hidden><p>You have accepted optional cookies. You can change your cookie settings on the <a href=\"/cookies\">Cookies page</a>.</p><div class=\"tna-button-group\"><button class=\"tna-button \" type=\"button\" value=\"close\">Close this message</button></div></div><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--rejected\" tabindex=\"0\" hidden><p>You have rejected optional cookies. You can change your cookie settings on the <a href=\"/cookies\">Cookies page</a>.</p><div class=\"tna-button-group\"><button class=\"tna-button \" type=\"button\" value=\"close\">Close this message</button></div></div></div></section>",
+      "html": "<section class=\"tna-cookie-banner \" data-module=\"tna-cookie-banner\" role=\"region\" data-policies=\"\" data-preferenceskey=\"cookie_preferences_set\" data-policies-key=\"custom_key\" data-domain=\"\" data-path=\"\" data-insecure=\"false\" aria-label=\"Cookies on My service\" hidden><div class=\"tna-container\"><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--prompt\"><h2 class=\"tna-heading-m\">This website uses cookies</h2><p>We use some essential cookies to make this service work.</p><p>We'd also like to use analytics cookies so we can understand how you use the service and make improvements.</p><div class=\"tna-button-group\"><button class=\"tna-button \" type=\"button\" value=\"accept\">Accept cookies</button><button class=\"tna-button \" type=\"button\" value=\"reject\">Reject cookies</button><a href=\"/cookies\" class=\"tna-button tna-button--plain\">Set cookie preferences</a></div></div><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--accepted\" tabindex=\"0\" hidden><p>You have accepted optional cookies. You can change your cookie settings on the <a href=\"/cookies\">Cookies page</a>.</p><div class=\"tna-button-group\"><button class=\"tna-button \" type=\"button\" value=\"close\">Close this message</button></div></div><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--rejected\" tabindex=\"0\" hidden><p>You have rejected optional cookies. You can change your cookie settings on the <a href=\"/cookies\">Cookies page</a>.</p><div class=\"tna-button-group\"><button class=\"tna-button \" type=\"button\" value=\"close\">Close this message</button></div></div></div></section>",
       "hidden": false
     },
     {
@@ -47,7 +47,7 @@
         "cookiesUrl": "/cookies",
         "cookiesDomain": "nationalarchives.gov.uk"
       },
-      "html": "<section class=\"tna-cookie-banner \" data-module=\"tna-cookie-banner\" data-policies=\"\" data-preferenceskey=\"cookie_preferences_set\" data-policies-key=\"\" data-domain=\"nationalarchives.gov.uk\" data-path=\"\" data-insecure=\"false\" aria-label=\"Cookies on My service\" hidden><div class=\"tna-container\"><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--prompt\"><h2 class=\"tna-heading-m\">This website uses cookies</h2><p>We use some essential cookies to make this service work.</p><p>We'd also like to use analytics cookies so we can understand how you use the service and make improvements.</p><div class=\"tna-button-group\"><button class=\"tna-button \" type=\"button\" value=\"accept\">Accept cookies</button><button class=\"tna-button \" type=\"button\" value=\"reject\">Reject cookies</button><a href=\"/cookies\" class=\"tna-button tna-button--plain\">Set cookie preferences</a></div></div><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--accepted\" tabindex=\"0\" hidden><p>You have accepted optional cookies. You can change your cookie settings on the <a href=\"/cookies\">Cookies page</a>.</p><div class=\"tna-button-group\"><button class=\"tna-button \" type=\"button\" value=\"close\">Close this message</button></div></div><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--rejected\" tabindex=\"0\" hidden><p>You have rejected optional cookies. You can change your cookie settings on the <a href=\"/cookies\">Cookies page</a>.</p><div class=\"tna-button-group\"><button class=\"tna-button \" type=\"button\" value=\"close\">Close this message</button></div></div></div></section>",
+      "html": "<section class=\"tna-cookie-banner \" data-module=\"tna-cookie-banner\" role=\"region\" data-policies=\"\" data-preferenceskey=\"cookie_preferences_set\" data-policies-key=\"\" data-domain=\"nationalarchives.gov.uk\" data-path=\"\" data-insecure=\"false\" aria-label=\"Cookies on My service\" hidden><div class=\"tna-container\"><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--prompt\"><h2 class=\"tna-heading-m\">This website uses cookies</h2><p>We use some essential cookies to make this service work.</p><p>We'd also like to use analytics cookies so we can understand how you use the service and make improvements.</p><div class=\"tna-button-group\"><button class=\"tna-button \" type=\"button\" value=\"accept\">Accept cookies</button><button class=\"tna-button \" type=\"button\" value=\"reject\">Reject cookies</button><a href=\"/cookies\" class=\"tna-button tna-button--plain\">Set cookie preferences</a></div></div><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--accepted\" tabindex=\"0\" hidden><p>You have accepted optional cookies. You can change your cookie settings on the <a href=\"/cookies\">Cookies page</a>.</p><div class=\"tna-button-group\"><button class=\"tna-button \" type=\"button\" value=\"close\">Close this message</button></div></div><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--rejected\" tabindex=\"0\" hidden><p>You have rejected optional cookies. You can change your cookie settings on the <a href=\"/cookies\">Cookies page</a>.</p><div class=\"tna-button-group\"><button class=\"tna-button \" type=\"button\" value=\"close\">Close this message</button></div></div></div></section>",
       "hidden": false
     },
     {
@@ -57,7 +57,7 @@
         "cookiesUrl": "/cookies",
         "cookiesPath": "/my-service"
       },
-      "html": "<section class=\"tna-cookie-banner \" data-module=\"tna-cookie-banner\" data-policies=\"\" data-preferenceskey=\"cookie_preferences_set\" data-policies-key=\"\" data-domain=\"\" data-path=\"/my-service\" data-insecure=\"false\" aria-label=\"Cookies on My service\" hidden><div class=\"tna-container\"><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--prompt\"><h2 class=\"tna-heading-m\">This website uses cookies</h2><p>We use some essential cookies to make this service work.</p><p>We'd also like to use analytics cookies so we can understand how you use the service and make improvements.</p><div class=\"tna-button-group\"><button class=\"tna-button \" type=\"button\" value=\"accept\">Accept cookies</button><button class=\"tna-button \" type=\"button\" value=\"reject\">Reject cookies</button><a href=\"/cookies\" class=\"tna-button tna-button--plain\">Set cookie preferences</a></div></div><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--accepted\" tabindex=\"0\" hidden><p>You have accepted optional cookies. You can change your cookie settings on the <a href=\"/cookies\">Cookies page</a>.</p><div class=\"tna-button-group\"><button class=\"tna-button \" type=\"button\" value=\"close\">Close this message</button></div></div><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--rejected\" tabindex=\"0\" hidden><p>You have rejected optional cookies. You can change your cookie settings on the <a href=\"/cookies\">Cookies page</a>.</p><div class=\"tna-button-group\"><button class=\"tna-button \" type=\"button\" value=\"close\">Close this message</button></div></div></div></section>",
+      "html": "<section class=\"tna-cookie-banner \" data-module=\"tna-cookie-banner\" role=\"region\" data-policies=\"\" data-preferenceskey=\"cookie_preferences_set\" data-policies-key=\"\" data-domain=\"\" data-path=\"/my-service\" data-insecure=\"false\" aria-label=\"Cookies on My service\" hidden><div class=\"tna-container\"><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--prompt\"><h2 class=\"tna-heading-m\">This website uses cookies</h2><p>We use some essential cookies to make this service work.</p><p>We'd also like to use analytics cookies so we can understand how you use the service and make improvements.</p><div class=\"tna-button-group\"><button class=\"tna-button \" type=\"button\" value=\"accept\">Accept cookies</button><button class=\"tna-button \" type=\"button\" value=\"reject\">Reject cookies</button><a href=\"/cookies\" class=\"tna-button tna-button--plain\">Set cookie preferences</a></div></div><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--accepted\" tabindex=\"0\" hidden><p>You have accepted optional cookies. You can change your cookie settings on the <a href=\"/cookies\">Cookies page</a>.</p><div class=\"tna-button-group\"><button class=\"tna-button \" type=\"button\" value=\"close\">Close this message</button></div></div><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--rejected\" tabindex=\"0\" hidden><p>You have rejected optional cookies. You can change your cookie settings on the <a href=\"/cookies\">Cookies page</a>.</p><div class=\"tna-button-group\"><button class=\"tna-button \" type=\"button\" value=\"close\">Close this message</button></div></div></div></section>",
       "hidden": false
     },
     {
@@ -67,7 +67,7 @@
         "cookiesUrl": "/cookies",
         "preferencesSetKey": "custom_preferences_set_key"
       },
-      "html": "<section class=\"tna-cookie-banner \" data-module=\"tna-cookie-banner\" data-policies=\"\" data-preferenceskey=\"custom_preferences_set_key\" data-policies-key=\"\" data-domain=\"\" data-path=\"\" data-insecure=\"false\" aria-label=\"Cookies on My service\" hidden><div class=\"tna-container\"><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--prompt\"><h2 class=\"tna-heading-m\">This website uses cookies</h2><p>We use some essential cookies to make this service work.</p><p>We'd also like to use analytics cookies so we can understand how you use the service and make improvements.</p><div class=\"tna-button-group\"><button class=\"tna-button \" type=\"button\" value=\"accept\">Accept cookies</button><button class=\"tna-button \" type=\"button\" value=\"reject\">Reject cookies</button><a href=\"/cookies\" class=\"tna-button tna-button--plain\">Set cookie preferences</a></div></div><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--accepted\" tabindex=\"0\" hidden><p>You have accepted optional cookies. You can change your cookie settings on the <a href=\"/cookies\">Cookies page</a>.</p><div class=\"tna-button-group\"><button class=\"tna-button \" type=\"button\" value=\"close\">Close this message</button></div></div><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--rejected\" tabindex=\"0\" hidden><p>You have rejected optional cookies. You can change your cookie settings on the <a href=\"/cookies\">Cookies page</a>.</p><div class=\"tna-button-group\"><button class=\"tna-button \" type=\"button\" value=\"close\">Close this message</button></div></div></div></section>",
+      "html": "<section class=\"tna-cookie-banner \" data-module=\"tna-cookie-banner\" role=\"region\" data-policies=\"\" data-preferenceskey=\"custom_preferences_set_key\" data-policies-key=\"\" data-domain=\"\" data-path=\"\" data-insecure=\"false\" aria-label=\"Cookies on My service\" hidden><div class=\"tna-container\"><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--prompt\"><h2 class=\"tna-heading-m\">This website uses cookies</h2><p>We use some essential cookies to make this service work.</p><p>We'd also like to use analytics cookies so we can understand how you use the service and make improvements.</p><div class=\"tna-button-group\"><button class=\"tna-button \" type=\"button\" value=\"accept\">Accept cookies</button><button class=\"tna-button \" type=\"button\" value=\"reject\">Reject cookies</button><a href=\"/cookies\" class=\"tna-button tna-button--plain\">Set cookie preferences</a></div></div><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--accepted\" tabindex=\"0\" hidden><p>You have accepted optional cookies. You can change your cookie settings on the <a href=\"/cookies\">Cookies page</a>.</p><div class=\"tna-button-group\"><button class=\"tna-button \" type=\"button\" value=\"close\">Close this message</button></div></div><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--rejected\" tabindex=\"0\" hidden><p>You have rejected optional cookies. You can change your cookie settings on the <a href=\"/cookies\">Cookies page</a>.</p><div class=\"tna-button-group\"><button class=\"tna-button \" type=\"button\" value=\"close\">Close this message</button></div></div></div></section>",
       "hidden": false
     },
     {
@@ -77,7 +77,7 @@
         "cookiesUrl": "/cookies",
         "allowInsecure": true
       },
-      "html": "<section class=\"tna-cookie-banner \" data-module=\"tna-cookie-banner\" data-policies=\"\" data-preferenceskey=\"cookie_preferences_set\" data-policies-key=\"\" data-domain=\"\" data-path=\"\" data-insecure=\"true\" aria-label=\"Cookies on My service\" hidden><div class=\"tna-container\"><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--prompt\"><h2 class=\"tna-heading-m\">This website uses cookies</h2><p>We use some essential cookies to make this service work.</p><p>We'd also like to use analytics cookies so we can understand how you use the service and make improvements.</p><div class=\"tna-button-group\"><button class=\"tna-button \" type=\"button\" value=\"accept\">Accept cookies</button><button class=\"tna-button \" type=\"button\" value=\"reject\">Reject cookies</button><a href=\"/cookies\" class=\"tna-button tna-button--plain\">Set cookie preferences</a></div></div><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--accepted\" tabindex=\"0\" hidden><p>You have accepted optional cookies. You can change your cookie settings on the <a href=\"/cookies\">Cookies page</a>.</p><div class=\"tna-button-group\"><button class=\"tna-button \" type=\"button\" value=\"close\">Close this message</button></div></div><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--rejected\" tabindex=\"0\" hidden><p>You have rejected optional cookies. You can change your cookie settings on the <a href=\"/cookies\">Cookies page</a>.</p><div class=\"tna-button-group\"><button class=\"tna-button \" type=\"button\" value=\"close\">Close this message</button></div></div></div></section>",
+      "html": "<section class=\"tna-cookie-banner \" data-module=\"tna-cookie-banner\" role=\"region\" data-policies=\"\" data-preferenceskey=\"cookie_preferences_set\" data-policies-key=\"\" data-domain=\"\" data-path=\"\" data-insecure=\"true\" aria-label=\"Cookies on My service\" hidden><div class=\"tna-container\"><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--prompt\"><h2 class=\"tna-heading-m\">This website uses cookies</h2><p>We use some essential cookies to make this service work.</p><p>We'd also like to use analytics cookies so we can understand how you use the service and make improvements.</p><div class=\"tna-button-group\"><button class=\"tna-button \" type=\"button\" value=\"accept\">Accept cookies</button><button class=\"tna-button \" type=\"button\" value=\"reject\">Reject cookies</button><a href=\"/cookies\" class=\"tna-button tna-button--plain\">Set cookie preferences</a></div></div><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--accepted\" tabindex=\"0\" hidden><p>You have accepted optional cookies. You can change your cookie settings on the <a href=\"/cookies\">Cookies page</a>.</p><div class=\"tna-button-group\"><button class=\"tna-button \" type=\"button\" value=\"close\">Close this message</button></div></div><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--rejected\" tabindex=\"0\" hidden><p>You have rejected optional cookies. You can change your cookie settings on the <a href=\"/cookies\">Cookies page</a>.</p><div class=\"tna-button-group\"><button class=\"tna-button \" type=\"button\" value=\"close\">Close this message</button></div></div></div></section>",
       "hidden": false
     },
     {
@@ -87,7 +87,7 @@
         "cookiesUrl": "/cookies",
         "classes": "tna-cookie-banner--fixture"
       },
-      "html": "<section class=\"tna-cookie-banner tna-cookie-banner--fixture\" data-module=\"tna-cookie-banner\" data-policies=\"\" data-preferenceskey=\"cookie_preferences_set\" data-policies-key=\"\" data-domain=\"\" data-path=\"\" data-insecure=\"false\" aria-label=\"Cookies on My service\" hidden><div class=\"tna-container\"><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--prompt\"><h2 class=\"tna-heading-m\">This website uses cookies</h2><p>We use some essential cookies to make this service work.</p><p>We'd also like to use analytics cookies so we can understand how you use the service and make improvements.</p><div class=\"tna-button-group\"><button class=\"tna-button \" type=\"button\" value=\"accept\">Accept cookies</button><button class=\"tna-button \" type=\"button\" value=\"reject\">Reject cookies</button><a href=\"/cookies\" class=\"tna-button tna-button--plain\">Set cookie preferences</a></div></div><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--accepted\" tabindex=\"0\" hidden><p>You have accepted optional cookies. You can change your cookie settings on the <a href=\"/cookies\">Cookies page</a>.</p><div class=\"tna-button-group\"><button class=\"tna-button \" type=\"button\" value=\"close\">Close this message</button></div></div><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--rejected\" tabindex=\"0\" hidden><p>You have rejected optional cookies. You can change your cookie settings on the <a href=\"/cookies\">Cookies page</a>.</p><div class=\"tna-button-group\"><button class=\"tna-button \" type=\"button\" value=\"close\">Close this message</button></div></div></div></section>",
+      "html": "<section class=\"tna-cookie-banner tna-cookie-banner--fixture\" data-module=\"tna-cookie-banner\" role=\"region\" data-policies=\"\" data-preferenceskey=\"cookie_preferences_set\" data-policies-key=\"\" data-domain=\"\" data-path=\"\" data-insecure=\"false\" aria-label=\"Cookies on My service\" hidden><div class=\"tna-container\"><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--prompt\"><h2 class=\"tna-heading-m\">This website uses cookies</h2><p>We use some essential cookies to make this service work.</p><p>We'd also like to use analytics cookies so we can understand how you use the service and make improvements.</p><div class=\"tna-button-group\"><button class=\"tna-button \" type=\"button\" value=\"accept\">Accept cookies</button><button class=\"tna-button \" type=\"button\" value=\"reject\">Reject cookies</button><a href=\"/cookies\" class=\"tna-button tna-button--plain\">Set cookie preferences</a></div></div><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--accepted\" tabindex=\"0\" hidden><p>You have accepted optional cookies. You can change your cookie settings on the <a href=\"/cookies\">Cookies page</a>.</p><div class=\"tna-button-group\"><button class=\"tna-button \" type=\"button\" value=\"close\">Close this message</button></div></div><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--rejected\" tabindex=\"0\" hidden><p>You have rejected optional cookies. You can change your cookie settings on the <a href=\"/cookies\">Cookies page</a>.</p><div class=\"tna-button-group\"><button class=\"tna-button \" type=\"button\" value=\"close\">Close this message</button></div></div></div></section>",
       "hidden": false
     },
     {
@@ -99,7 +99,7 @@
           "data-fixturetest": "pass"
         }
       },
-      "html": "<section class=\"tna-cookie-banner \" data-module=\"tna-cookie-banner\" data-policies=\"\" data-preferenceskey=\"cookie_preferences_set\" data-policies-key=\"\" data-domain=\"\" data-path=\"\" data-insecure=\"false\" aria-label=\"Cookies on My service\" data-fixturetest=\"pass\" hidden><div class=\"tna-container\"><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--prompt\"><h2 class=\"tna-heading-m\">This website uses cookies</h2><p>We use some essential cookies to make this service work.</p><p>We'd also like to use analytics cookies so we can understand how you use the service and make improvements.</p><div class=\"tna-button-group\"><button class=\"tna-button \" type=\"button\" value=\"accept\">Accept cookies</button><button class=\"tna-button \" type=\"button\" value=\"reject\">Reject cookies</button><a href=\"/cookies\" class=\"tna-button tna-button--plain\">Set cookie preferences</a></div></div><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--accepted\" tabindex=\"0\" hidden><p>You have accepted optional cookies. You can change your cookie settings on the <a href=\"/cookies\">Cookies page</a>.</p><div class=\"tna-button-group\"><button class=\"tna-button \" type=\"button\" value=\"close\">Close this message</button></div></div><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--rejected\" tabindex=\"0\" hidden><p>You have rejected optional cookies. You can change your cookie settings on the <a href=\"/cookies\">Cookies page</a>.</p><div class=\"tna-button-group\"><button class=\"tna-button \" type=\"button\" value=\"close\">Close this message</button></div></div></div></section>",
+      "html": "<section class=\"tna-cookie-banner \" data-module=\"tna-cookie-banner\" role=\"region\" data-policies=\"\" data-preferenceskey=\"cookie_preferences_set\" data-policies-key=\"\" data-domain=\"\" data-path=\"\" data-insecure=\"false\" aria-label=\"Cookies on My service\" data-fixturetest=\"pass\" hidden><div class=\"tna-container\"><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--prompt\"><h2 class=\"tna-heading-m\">This website uses cookies</h2><p>We use some essential cookies to make this service work.</p><p>We'd also like to use analytics cookies so we can understand how you use the service and make improvements.</p><div class=\"tna-button-group\"><button class=\"tna-button \" type=\"button\" value=\"accept\">Accept cookies</button><button class=\"tna-button \" type=\"button\" value=\"reject\">Reject cookies</button><a href=\"/cookies\" class=\"tna-button tna-button--plain\">Set cookie preferences</a></div></div><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--accepted\" tabindex=\"0\" hidden><p>You have accepted optional cookies. You can change your cookie settings on the <a href=\"/cookies\">Cookies page</a>.</p><div class=\"tna-button-group\"><button class=\"tna-button \" type=\"button\" value=\"close\">Close this message</button></div></div><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--rejected\" tabindex=\"0\" hidden><p>You have rejected optional cookies. You can change your cookie settings on the <a href=\"/cookies\">Cookies page</a>.</p><div class=\"tna-button-group\"><button class=\"tna-button \" type=\"button\" value=\"close\">Close this message</button></div></div></div></section>",
       "hidden": false
     }
   ]
diff --git a/src/nationalarchives/components/cookie-banner/template.njk b/src/nationalarchives/components/cookie-banner/template.njk
index 4bd48697..b0b42618 100644
--- a/src/nationalarchives/components/cookie-banner/template.njk
+++ b/src/nationalarchives/components/cookie-banner/template.njk
@@ -1,7 +1,7 @@
 {% from "nationalarchives/components/button/macro.njk" import tnaButton %}
 
 {%- set containerClasses = [params.classes] if params.classes else [] -%}
-<section class="tna-cookie-banner {{ containerClasses | join(' ') }}" data-module="tna-cookie-banner" data-policies="{{ params.policies if params.policies }}" data-preferenceskey="{{ params.preferencesSetKey if params.preferencesSetKey else 'cookie_preferences_set' }}" data-policies-key="{{ params.policiesKey if params.policiesKey }}" data-domain="{{ params.cookiesDomain if params.cookiesDomain }}" data-path="{{ params.cookiesPath if params.cookiesPath }}" data-insecure="{{ true if params.allowInsecure else 'false' }}" aria-label="Cookies on {{ params.serviceName }}" {%- for attribute, value in params.attributes %} {{ attribute }}="{{ value }}"{% endfor %} hidden>
+<section class="tna-cookie-banner {{ containerClasses | join(' ') }}" data-module="tna-cookie-banner" role="region" data-policies="{{ params.policies if params.policies }}" data-preferenceskey="{{ params.preferencesSetKey if params.preferencesSetKey else 'cookie_preferences_set' }}" data-policies-key="{{ params.policiesKey if params.policiesKey }}" data-domain="{{ params.cookiesDomain if params.cookiesDomain }}" data-path="{{ params.cookiesPath if params.cookiesPath }}" data-insecure="{{ true if params.allowInsecure else 'false' }}" aria-label="Cookies on {{ params.serviceName }}" {%- for attribute, value in params.attributes %} {{ attribute }}="{{ value }}"{% endfor %} hidden>
   <div class="tna-container">
     <div class="tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--prompt">
       <h2 class="tna-heading-m">This website uses cookies</h2>
diff --git a/src/nationalarchives/components/date-search/template.njk b/src/nationalarchives/components/date-search/template.njk
index 5a13bcd2..ab90dd79 100644
--- a/src/nationalarchives/components/date-search/template.njk
+++ b/src/nationalarchives/components/date-search/template.njk
@@ -3,7 +3,7 @@
 {%- if params.inline -%}
   {%- set containerClasses = containerClasses.concat('tna-form__group--inline') -%}
 {%- endif -%}
-<div class="tna-form__group{% if params.error %} tna-form__group--error{% endif %} {{ containerClasses | join(' ') }} {%- for attribute, value in params.formGroupAttributes %} {{ attribute }}="{{ value }}"{% endfor %}">
+<div class="tna-form__group{% if params.error %} tna-form__group--error{% endif %} {{ containerClasses | join(' ') }}" {%- for attribute, value in params.formGroupAttributes %} {{ attribute }}="{{ value }}"{% endfor %}>
   <div class="tna-form__group-contents">
     <h{{ params.headingLevel }} class="tna-form__heading tna-form__heading--{{ params.headingSize or 'm' }}">
       <label class="tna-form__label" for="tna-form__{{ params.id }}">
diff --git a/src/nationalarchives/components/featured-records/fixtures.json b/src/nationalarchives/components/featured-records/fixtures.json
index 5f1e1ca7..8daa80a5 100644
--- a/src/nationalarchives/components/featured-records/fixtures.json
+++ b/src/nationalarchives/components/featured-records/fixtures.json
@@ -1,4 +1,44 @@
 {
   "component": "featured-records",
-  "fixtures": []
+  "fixtures": [
+    {
+      "name": "basic featured records",
+      "options": {
+        "items": [
+          {
+            "collection": "TS 11/45/167",
+            "title": "Court records relating to Robert Wedderburn's trial",
+            "href": "#",
+            "date": "1819–1820"
+          },
+          {
+            "collection": "HO 42/191",
+            "title": "Home office letters",
+            "href": "#",
+            "date": "1819"
+          }
+        ]
+      },
+      "html": "<ul class=\"tna-featured-records \"><li class=\"tna-featured-records__item\"><dl class=\"tna-featured-records__details\"><dt class=\"tna-featured-records__collection-label tna-chip tna-chip--plain\">From our collection</dt><dd class=\"tna-featured-records__collection-description tna-chip tna-chip--plain\">TS 11/45/167</dd><dt class=\"tna-featured-records__title-label\">Title</dt><dd class=\"tna-featured-records__title-description\"><a href=\"#\">Court records relating to Robert Wedderburn&#39;s trial</a></dd><dt class=\"tna-featured-records__date-label\">Date</dt><dd class=\"tna-featured-records__date-description\">1819–1820</dd></dl></li><li class=\"tna-featured-records__item\"><dl class=\"tna-featured-records__details\"><dt class=\"tna-featured-records__collection-label tna-chip tna-chip--plain\">From our collection</dt><dd class=\"tna-featured-records__collection-description tna-chip tna-chip--plain\">HO 42/191</dd><dt class=\"tna-featured-records__title-label\">Title</dt><dd class=\"tna-featured-records__title-description\"><a href=\"#\">Home office letters</a></dd><dt class=\"tna-featured-records__date-label\">Date</dt><dd class=\"tna-featured-records__date-description\">1819</dd></dl></li></ul>",
+      "hidden": false
+    },
+    {
+      "name": "featured records with images",
+      "options": {
+        "items": [
+          {
+            "imageSrc": "https://beta.nationalarchives.gov.uk/media/images/wedderburn-trial.max-832x591.format-webp_i3c9pUH.webp",
+            "imageWidth": 576,
+            "imageHeight": 591,
+            "collection": "TS 11/45/167",
+            "title": "Court records relating to Robert Wedderburn's trial",
+            "href": "#",
+            "date": "1819–1820"
+          }
+        ]
+      },
+      "html": "<ul class=\"tna-featured-records \"><li class=\"tna-featured-records__item\"><img src=\"https://beta.nationalarchives.gov.uk/media/images/wedderburn-trial.max-832x591.format-webp_i3c9pUH.webp\" width=\"576\" height=\"591\" class=\"tna-featured-records__image\" alt=\"\"><dl class=\"tna-featured-records__details\"><dt class=\"tna-featured-records__collection-label tna-chip tna-chip--plain\">From our collection</dt><dd class=\"tna-featured-records__collection-description tna-chip tna-chip--plain\">TS 11/45/167</dd><dt class=\"tna-featured-records__title-label\">Title</dt><dd class=\"tna-featured-records__title-description\"><a href=\"#\">Court records relating to Robert Wedderburn&#39;s trial</a></dd><dt class=\"tna-featured-records__date-label\">Date</dt><dd class=\"tna-featured-records__date-description\">1819–1820</dd></dl></li></ul>",
+      "hidden": false
+    }
+  ]
 }
diff --git a/src/nationalarchives/components/filters/filters.scss b/src/nationalarchives/components/filters/filters.scss
index 2873e206..f528c486 100644
--- a/src/nationalarchives/components/filters/filters.scss
+++ b/src/nationalarchives/components/filters/filters.scss
@@ -1,24 +1,24 @@
+@use "../../tools/colour";
 @use "../../tools/spacing";
 @use "../../utilities";
 
 .tna-filters {
+  @include spacing.space-above;
+
   display: flex;
   flex-wrap: wrap;
   gap: 0.75rem 1rem;
 
-  @include spacing.space-above;
-
   &__item {
   }
 
   &__item--selected #{&}__link {
-    background-color: #004c7e;
-
     &,
     &:link,
-    &:visited {
-      color: #fff;
-    }
+    &:visited,
+    &:hover {
+    @include colour.accent;
+  }
   }
 
   &__link {
@@ -26,20 +26,18 @@
 
     text-decoration: none;
 
-    background-color: #d4e5ef;
-
-    border-radius: 99rem;
+    @include colour.tint;
 
     &,
     &:link,
     &:visited {
-      color: #000;
+    @include colour.colour-font("font-base");
     }
 
-    &:hover {
-      color: #fff;
+    border-radius: 99rem;
 
-      background-color: #004c7e;
+    &:hover {
+      @include colour.accent-light;
     }
   }
 }
diff --git a/src/nationalarchives/components/filters/fixtures.json b/src/nationalarchives/components/filters/fixtures.json
index 80c9aaa0..6980209b 100644
--- a/src/nationalarchives/components/filters/fixtures.json
+++ b/src/nationalarchives/components/filters/fixtures.json
@@ -1,4 +1,51 @@
 {
   "component": "filters",
-  "fixtures": []
+  "fixtures": [
+    {
+      "name": "plain filters",
+      "options": {
+        "items": [
+          {
+            "label": "All",
+            "href": "#?filter=all",
+            "selected": true
+          },
+          {
+            "label": "Medieval (974—1485)",
+            "href": "#?filter=alpha"
+          },
+          {
+            "label": "Early Modern (1485—1714)",
+            "href": "#?filter=beta"
+          },
+          {
+            "label": "Georgians (1714—1837)",
+            "href": "#?filter=gamma"
+          },
+          {
+            "label": "Victorians (1837—1901)",
+            "href": "#?filter=delta"
+          },
+          {
+            "label": "Early 20th century (1901—1918)",
+            "href": "#?filter=epsilon"
+          },
+          {
+            "label": "Interwar (1918—1939)",
+            "href": "#?filter=zeta"
+          },
+          {
+            "label": "Second World War (1939—1945)",
+            "href": "#?filter=eta"
+          },
+          {
+            "label": "Postwar (1945—2000)",
+            "href": "#?filter=theta"
+          }
+        ]
+      },
+      "html": "<ul class=\"tna-filters tna-ul tna-ul--plain \"><li class=\"tna-filters__item tna-filters__item--selected\"><a href=\"#?filter=all\" class=\"tna-filters__link\">All</a></li><li class=\"tna-filters__item\"><a href=\"#?filter=alpha\" class=\"tna-filters__link\">Medieval (974—1485)</a></li><li class=\"tna-filters__item\"><a href=\"#?filter=beta\" class=\"tna-filters__link\">Early Modern (1485—1714)</a></li><li class=\"tna-filters__item\"><a href=\"#?filter=gamma\" class=\"tna-filters__link\">Georgians (1714—1837)</a></li><li class=\"tna-filters__item\"><a href=\"#?filter=delta\" class=\"tna-filters__link\">Victorians (1837—1901)</a></li><li class=\"tna-filters__item\"><a href=\"#?filter=epsilon\" class=\"tna-filters__link\">Early 20th century (1901—1918)</a></li><li class=\"tna-filters__item\"><a href=\"#?filter=zeta\" class=\"tna-filters__link\">Interwar (1918—1939)</a></li><li class=\"tna-filters__item\"><a href=\"#?filter=eta\" class=\"tna-filters__link\">Second World War (1939—1945)</a></li><li class=\"tna-filters__item\"><a href=\"#?filter=theta\" class=\"tna-filters__link\">Postwar (1945—2000)</a></li></ul>",
+      "hidden": false
+    }
+  ]
 }
diff --git a/src/nationalarchives/components/footer/fixtures.json b/src/nationalarchives/components/footer/fixtures.json
index b4ce16d5..e1e3e214 100644
--- a/src/nationalarchives/components/footer/fixtures.json
+++ b/src/nationalarchives/components/footer/fixtures.json
@@ -6,6 +6,154 @@
       "options": {},
       "html": "<footer class=\"tna-footer \"><div class=\"tna-container\"><div class=\"tna-column tna-column--flex-1 tna-column--width-1-2-medium tna-column--full-small tna-column--full-tiny tna-column--order-1\"><svg xmlns=\"http://www.w3.org/2000/svg\" xml:space=\"preserve\" class=\"tna-logo\" style=\"enable-background:new 0 0 160 160\" viewBox=\"0 0 160 160\" width=\"96\" height=\"96\"><path fill=\"transparent\" d=\"M0 0h160v160H0z\" class=\"tna-logo__background\"/><g class=\"tna-logo__foreground\" fill=\"currentColor\"><path d=\"M1.9 107.2h156.3V158H1.9v-50.8zm0-52.7h156.3v50.8H1.9V54.5zm0-52.6h77.2v50.8H1.9V1.9zm79 0h77.2v50.8H80.9V1.9zm0-1.9H0v160h160V0H80.9z\"/><path d=\"M21.3 19.5h-5.4v-3h14.3v3h-5.4v18.4h-3.5zM31.6 16.5H35v9h8.4v-9h3.4v21.4h-3.4v-9.3H35v9.3h-3.4zM50.9 16.5h12.2v3h-8.8v6.1h7.4v3h-7.4v6.3h8.8v3H50.9zM19.7 69.2h3.8l6.4 12.5c.6 1.1 1.1 2.7 1.6 4h.2c-.2-1.7-.3-3.6-.3-4.8V69.2h3.5v21.4h-3.7l-6.3-12.3c-.7-1.4-1.2-2.7-1.7-4.2H23c.2 1.4.3 3.3.3 5v11.5h-3.5c-.1 0-.1-21.4-.1-21.4zM47.8 82.6l-1.7-6.3c-.3-1.1-.6-2.2-.9-3.8H45c-.3 1.6-.5 2.6-.8 3.8l-1.7 6.3h5.3zM43 69.2h4.2l6.2 21.4h-3.5l-1.5-5.2h-6.6l-1.4 5.2h-3.6L43 69.2zM57.2 72.3h-5.4v-3.1H66v3.1h-5.4v18.4h-3.4zM67.8 69.2h3.5v21.4h-3.5zM87.5 80c0-5.3-1.7-8-4.8-8-3.2 0-4.8 2.7-4.8 8 0 5.2 1.6 7.9 4.8 7.9 3.2 0 4.8-2.7 4.8-7.9m-13.3 0c0-7 3-11.1 8.5-11.1 5.4 0 8.4 4.1 8.4 11.1 0 6.9-3 11-8.4 11s-8.5-4.1-8.5-11M94.3 69.2H98l6.4 12.5c.6 1.1 1.2 2.7 1.7 4h.2c-.2-1.7-.3-3.6-.3-4.8V69.2h3.4v21.4h-3.7l-6.3-12.3c-.7-1.4-1.2-2.7-1.7-4.2h-.2c.2 1.4.3 3.3.3 5v11.5h-3.5V69.2zM122.4 82.6l-1.7-6.3c-.3-1.1-.6-2.2-.9-3.8h-.2c-.3 1.6-.5 2.6-.8 3.8l-1.7 6.3h5.3zm-4.8-13.4h4.2l6.2 21.4h-3.5l-1.5-5.2h-6.6l-1.4 5.2h-3.6l6.2-21.4zM129.9 69.2h3.5v18.4h8.4v3.1h-11.9zM26.9 135.2l-1.7-6.3c-.3-1.1-.6-2.2-.9-3.8h-.2c-.3 1.6-.5 2.6-.8 3.8l-1.7 6.3h5.3zm-4.8-13.4h4.2l6.2 21.4H29l-1.5-5.2h-6.6l-1.4 5.2h-3.6l6.2-21.4zM39.9 132.5c2.5 0 3.4-1.6 3.4-3.9 0-2.2-1-3.8-3.4-3.8h-2.7v7.7h2.7zm-6.1-10.7h6.4c4.5 0 6.7 2.4 6.7 6.6 0 3.1-1.5 5.6-3.7 6.3v.2c1 1.1 4 7.5 4.8 7.9v.5h-3.8c-1-.6-3.6-7.2-4.4-7.8h-2.5v7.8h-3.5v-21.5zM52.9 132.5c0 5.3 1.9 8 4.8 8s4-2 4-5.2l3.5.1c0 .2.1.4.1.6 0 4.4-2.1 7.5-7.5 7.5-5.2 0-8.5-3.9-8.5-11.1 0-7.1 3.3-11 8.5-11 6.4 0 7.5 4.6 7.5 7.2 0 .3 0 .7-.1.9l-3.5.1c0-3.3-1.2-5.2-4-5.2-2.9.2-4.8 2.9-4.8 8.1M68 121.8h3.5v9.1h8.3v-9.1h3.5v21.5h-3.5v-9.4h-8.3v9.4H68zM87.9 121.8h3.5v21.4h-3.5zM94.2 121.8h3.6l3.2 12.3c.5 1.9.8 3.6 1.1 5.6h.2c.3-2 .6-3.7 1.1-5.6l3.2-12.3h3.6l-6.1 21.4H100l-5.8-21.4zM112.7 121.8H125v3.1h-8.8v6h7.4v3h-7.4v6.3h8.8v3.1h-12.3zM130.4 136c0 .2-.1.5-.1.8 0 1.9.8 3.7 3.4 3.7 2.1 0 3.3-1.2 3.3-2.9 0-1.6-.7-2.4-2.2-3l-3.4-1.3c-2.4-.9-4.2-2.4-4.2-5.7 0-3.5 2.3-6.1 6.6-6.1 5.5 0 6.4 3.6 6.4 5.9 0 .3 0 .7-.1 1.1l-3.4.1c0-.2.1-.5.1-.7 0-1.7-.6-3.2-3-3.2-2.1 0-3 1.2-3 2.8 0 1.7.9 2.5 2.2 2.9l3.5 1.3c2.6 1 4.3 2.6 4.3 5.8 0 3.6-2.4 6.1-7 6.1-5.9 0-6.8-3.9-6.8-6.5 0-.3 0-.6.1-1l3.3-.1z\"/></g></svg><h2 class=\"tna-heading-m tna-footer__title\">The National Archives</h2><address class=\"tna-footer__address\">Kew, Richmond<br />TW9 4DU</address></div></div><div class=\"tna-container\"><div class=\"tna-column--full\"><hr /></div></div><div class=\"tna-container tna-footer__licence\"><div class=\"tna-column tna-column--full-tiny\"><svg class=\"tna-footer__licence-logo\" xmlns=\"http://www.w3.org/2000/svg\" focusable=\"false\" aria-hidden=\"true\" viewBox=\"0 0 483.2 195.7\" width=\"60\" height=\"24\"><path fill=\"currentColor\" d=\"M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145\"></path></svg></div><div class=\"tna-column tna-column--flex-1\"><p>All content is available under the <a href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\" class=\"tna-footer__link\">Open Government Licence v3.0</a>, except where otherwise stated</p></div><div class=\"tna-column tna-column--full-tiny tna-footer__govuk\"><a href=\"https://www.gov.uk/\" class=\"tna-footer__govuk-link\"><svg class=\"tna-footer__govuk-logotype-crown\" xmlns=\"http://www.w3.org/2000/svg\" focusable=\"false\" aria-hidden=\"true\" viewBox=\"0 0 132 97\" width=\"44\" height=\"32\"><path fill=\"currentColor\" d=\"M25 30.2c3.5 1.5 7.7-.2 9.1-3.7 1.5-3.6-.2-7.8-3.9-9.2-3.6-1.4-7.6.3-9.1 3.9-1.4 3.5.3 7.5 3.9 9zM9 39.5c3.6 1.5 7.8-.2 9.2-3.7 1.5-3.6-.2-7.8-3.9-9.1-3.6-1.5-7.6.2-9.1 3.8-1.4 3.5.3 7.5 3.8 9zM4.4 57.2c3.5 1.5 7.7-.2 9.1-3.8 1.5-3.6-.2-7.7-3.9-9.1-3.5-1.5-7.6.3-9.1 3.8-1.4 3.5.3 7.6 3.9 9.1zm38.3-21.4c3.5 1.5 7.7-.2 9.1-3.8 1.5-3.6-.2-7.7-3.9-9.1-3.6-1.5-7.6.3-9.1 3.8-1.3 3.6.4 7.7 3.9 9.1zm64.4-5.6c-3.6 1.5-7.8-.2-9.1-3.7-1.5-3.6.2-7.8 3.8-9.2 3.6-1.4 7.7.3 9.2 3.9 1.3 3.5-.4 7.5-3.9 9zm15.9 9.3c-3.6 1.5-7.7-.2-9.1-3.7-1.5-3.6.2-7.8 3.7-9.1 3.6-1.5 7.7.2 9.2 3.8 1.5 3.5-.3 7.5-3.8 9zm4.7 17.7c-3.6 1.5-7.8-.2-9.2-3.8-1.5-3.6.2-7.7 3.9-9.1 3.6-1.5 7.7.3 9.2 3.8 1.3 3.5-.4 7.6-3.9 9.1zM89.3 35.8c-3.6 1.5-7.8-.2-9.2-3.8-1.4-3.6.2-7.7 3.9-9.1 3.6-1.5 7.7.3 9.2 3.8 1.4 3.6-.3 7.7-3.9 9.1zM69.7 17.7l8.9 4.7V9.3l-8.9 2.8c-.2-.3-.5-.6-.9-.9L72.4 0H59.6l3.5 11.2c-.3.3-.6.5-.9.9l-8.8-2.8v13.1l8.8-4.7c.3.3.6.7.9.9l-5 15.4v.1c-.2.8-.4 1.6-.4 2.4 0 4.1 3.1 7.5 7 8.1h.2c.3 0 .7.1 1 .1.4 0 .7 0 1-.1h.2c4-.6 7.1-4.1 7.1-8.1 0-.8-.1-1.7-.4-2.4V34l-5.1-15.4c.4-.2.7-.6 1-.9zM66 92.8c16.9 0 32.8 1.1 47.1 3.2 4-16.9 8.9-26.7 14-33.5l-9.6-3.4c1 4.9 1.1 7.2 0 10.2-1.5-1.4-3-4.3-4.2-8.7L108.6 76c2.8-2 5-3.2 7.5-3.3-4.4 9.4-10 11.9-13.6 11.2-4.3-.8-6.3-4.6-5.6-7.9 1-4.7 5.7-5.9 8-.5 4.3-8.7-3-11.4-7.6-8.8 7.1-7.2 7.9-13.5 2.1-21.1-8 6.1-8.1 12.3-4.5 20.8-4.7-5.4-12.1-2.5-9.5 6.2 3.4-5.2 7.9-2 7.2 3.1-.6 4.3-6.4 7.8-13.5 7.2-10.3-.9-10.9-8-11.2-13.8 2.5-.5 7.1 1.8 11 7.3L80.2 60c-4.1 4.4-8 5.3-12.3 5.4 1.4-4.4 8-11.6 8-11.6H55.5s6.4 7.2 7.9 11.6c-4.2-.1-8-1-12.3-5.4l1.4 16.4c3.9-5.5 8.5-7.7 10.9-7.3-.3 5.8-.9 12.8-11.1 13.8-7.2.6-12.9-2.9-13.5-7.2-.7-5 3.8-8.3 7.1-3.1 2.7-8.7-4.6-11.6-9.4-6.2 3.7-8.5 3.6-14.7-4.6-20.8-5.8 7.6-5 13.9 2.2 21.1-4.7-2.6-11.9.1-7.7 8.8 2.3-5.5 7.1-4.2 8.1.5.7 3.3-1.3 7.1-5.7 7.9-3.5.7-9-1.8-13.5-11.2 2.5.1 4.7 1.3 7.5 3.3l-4.7-15.4c-1.2 4.4-2.7 7.2-4.3 8.7-1.1-3-.9-5.3 0-10.2l-9.5 3.4c5 6.9 9.9 16.7 14 33.5 14.8-2.1 30.8-3.2 47.7-3.2z\"></path></svg>GOV.UK</a></div></div></footer>",
       "hidden": false
+    },
+    {
+      "name": "items",
+      "options": {
+        "meta": "<p>Open today<br />09:00&mdash;19:00</p>",
+        "social": [
+          {
+            "text": "Twitter",
+            "href": "#",
+            "brandIcon": "twitter"
+          },
+          {
+            "text": "YouTube",
+            "href": "#",
+            "brandIcon": "youtube"
+          },
+          {
+            "text": "Facebook",
+            "href": "#",
+            "brandIcon": "facebook"
+          },
+          {
+            "text": "Flickr",
+            "href": "#",
+            "brandIcon": "flickr"
+          },
+          {
+            "text": "Instagram",
+            "href": "#",
+            "brandIcon": "instagram"
+          },
+          {
+            "text": "RSS",
+            "href": "#",
+            "icon": "rss"
+          }
+        ],
+        "navigation": [
+          {
+            "title": "About us",
+            "items": [
+              {
+                "text": "Our role",
+                "href": "#"
+              },
+              {
+                "text": "Our history",
+                "href": "#"
+              },
+              {
+                "text": "Our collection",
+                "href": "#"
+              },
+              {
+                "text": "Our people",
+                "href": "#"
+              },
+              {
+                "text": "How we are run",
+                "href": "#"
+              },
+              {
+                "text": "Our research and academic collaboration",
+                "href": "#"
+              },
+              {
+                "text": "News",
+                "href": "#"
+              },
+              {
+                "text": "Contact us",
+                "href": "#"
+              },
+              {
+                "text": "Jobs & careers",
+                "href": "#"
+              },
+              {
+                "text": "Get involved",
+                "href": "#"
+              }
+            ]
+          },
+          {
+            "title": "Our websites help",
+            "items": [
+              {
+                "text": "UK Government Web Archive",
+                "href": "#",
+                "newTab": true
+              },
+              {
+                "text": "Legislation.gov.uk",
+                "href": "#",
+                "newTab": true
+              },
+              {
+                "text": "Find case law",
+                "href": "#",
+                "newTab": true
+              },
+              {
+                "text": "The Gazette",
+                "href": "#",
+                "newTab": true
+              }
+            ]
+          },
+          {
+            "title": "Quick links",
+            "items": [
+              {
+                "text": "Press room",
+                "href": "#"
+              },
+              {
+                "text": "Venue hire",
+                "href": "#"
+              }
+            ]
+          }
+        ],
+        "showNewsletter": true,
+        "legal": [
+          {
+            "text": "Accessibility statement",
+            "href": "#"
+          },
+          {
+            "text": "Freedom of information",
+            "href": "#"
+          },
+          {
+            "text": "Terms and conditions",
+            "href": "#"
+          },
+          {
+            "text": "Privacy policy",
+            "href": "#"
+          },
+          {
+            "text": "Cookies",
+            "href": "#"
+          }
+        ]
+      },
+      "html": "<footer class=\"tna-footer \"><div class=\"tna-container\"><div class=\"tna-column tna-column--flex-1 tna-column--width-1-2-medium tna-column--full-small tna-column--full-tiny tna-column--order-1\"><svg xmlns=\"http://www.w3.org/2000/svg\" xml:space=\"preserve\" class=\"tna-logo\" style=\"enable-background:new 0 0 160 160\" viewBox=\"0 0 160 160\" width=\"96\" height=\"96\"><path fill=\"transparent\" d=\"M0 0h160v160H0z\" class=\"tna-logo__background\"/><g class=\"tna-logo__foreground\" fill=\"currentColor\"><path d=\"M1.9 107.2h156.3V158H1.9v-50.8zm0-52.7h156.3v50.8H1.9V54.5zm0-52.6h77.2v50.8H1.9V1.9zm79 0h77.2v50.8H80.9V1.9zm0-1.9H0v160h160V0H80.9z\"/><path d=\"M21.3 19.5h-5.4v-3h14.3v3h-5.4v18.4h-3.5zM31.6 16.5H35v9h8.4v-9h3.4v21.4h-3.4v-9.3H35v9.3h-3.4zM50.9 16.5h12.2v3h-8.8v6.1h7.4v3h-7.4v6.3h8.8v3H50.9zM19.7 69.2h3.8l6.4 12.5c.6 1.1 1.1 2.7 1.6 4h.2c-.2-1.7-.3-3.6-.3-4.8V69.2h3.5v21.4h-3.7l-6.3-12.3c-.7-1.4-1.2-2.7-1.7-4.2H23c.2 1.4.3 3.3.3 5v11.5h-3.5c-.1 0-.1-21.4-.1-21.4zM47.8 82.6l-1.7-6.3c-.3-1.1-.6-2.2-.9-3.8H45c-.3 1.6-.5 2.6-.8 3.8l-1.7 6.3h5.3zM43 69.2h4.2l6.2 21.4h-3.5l-1.5-5.2h-6.6l-1.4 5.2h-3.6L43 69.2zM57.2 72.3h-5.4v-3.1H66v3.1h-5.4v18.4h-3.4zM67.8 69.2h3.5v21.4h-3.5zM87.5 80c0-5.3-1.7-8-4.8-8-3.2 0-4.8 2.7-4.8 8 0 5.2 1.6 7.9 4.8 7.9 3.2 0 4.8-2.7 4.8-7.9m-13.3 0c0-7 3-11.1 8.5-11.1 5.4 0 8.4 4.1 8.4 11.1 0 6.9-3 11-8.4 11s-8.5-4.1-8.5-11M94.3 69.2H98l6.4 12.5c.6 1.1 1.2 2.7 1.7 4h.2c-.2-1.7-.3-3.6-.3-4.8V69.2h3.4v21.4h-3.7l-6.3-12.3c-.7-1.4-1.2-2.7-1.7-4.2h-.2c.2 1.4.3 3.3.3 5v11.5h-3.5V69.2zM122.4 82.6l-1.7-6.3c-.3-1.1-.6-2.2-.9-3.8h-.2c-.3 1.6-.5 2.6-.8 3.8l-1.7 6.3h5.3zm-4.8-13.4h4.2l6.2 21.4h-3.5l-1.5-5.2h-6.6l-1.4 5.2h-3.6l6.2-21.4zM129.9 69.2h3.5v18.4h8.4v3.1h-11.9zM26.9 135.2l-1.7-6.3c-.3-1.1-.6-2.2-.9-3.8h-.2c-.3 1.6-.5 2.6-.8 3.8l-1.7 6.3h5.3zm-4.8-13.4h4.2l6.2 21.4H29l-1.5-5.2h-6.6l-1.4 5.2h-3.6l6.2-21.4zM39.9 132.5c2.5 0 3.4-1.6 3.4-3.9 0-2.2-1-3.8-3.4-3.8h-2.7v7.7h2.7zm-6.1-10.7h6.4c4.5 0 6.7 2.4 6.7 6.6 0 3.1-1.5 5.6-3.7 6.3v.2c1 1.1 4 7.5 4.8 7.9v.5h-3.8c-1-.6-3.6-7.2-4.4-7.8h-2.5v7.8h-3.5v-21.5zM52.9 132.5c0 5.3 1.9 8 4.8 8s4-2 4-5.2l3.5.1c0 .2.1.4.1.6 0 4.4-2.1 7.5-7.5 7.5-5.2 0-8.5-3.9-8.5-11.1 0-7.1 3.3-11 8.5-11 6.4 0 7.5 4.6 7.5 7.2 0 .3 0 .7-.1.9l-3.5.1c0-3.3-1.2-5.2-4-5.2-2.9.2-4.8 2.9-4.8 8.1M68 121.8h3.5v9.1h8.3v-9.1h3.5v21.5h-3.5v-9.4h-8.3v9.4H68zM87.9 121.8h3.5v21.4h-3.5zM94.2 121.8h3.6l3.2 12.3c.5 1.9.8 3.6 1.1 5.6h.2c.3-2 .6-3.7 1.1-5.6l3.2-12.3h3.6l-6.1 21.4H100l-5.8-21.4zM112.7 121.8H125v3.1h-8.8v6h7.4v3h-7.4v6.3h8.8v3.1h-12.3zM130.4 136c0 .2-.1.5-.1.8 0 1.9.8 3.7 3.4 3.7 2.1 0 3.3-1.2 3.3-2.9 0-1.6-.7-2.4-2.2-3l-3.4-1.3c-2.4-.9-4.2-2.4-4.2-5.7 0-3.5 2.3-6.1 6.6-6.1 5.5 0 6.4 3.6 6.4 5.9 0 .3 0 .7-.1 1.1l-3.4.1c0-.2.1-.5.1-.7 0-1.7-.6-3.2-3-3.2-2.1 0-3 1.2-3 2.8 0 1.7.9 2.5 2.2 2.9l3.5 1.3c2.6 1 4.3 2.6 4.3 5.8 0 3.6-2.4 6.1-7 6.1-5.9 0-6.8-3.9-6.8-6.5 0-.3 0-.6.1-1l3.3-.1z\"/></g></svg><h2 class=\"tna-heading-m tna-footer__title\">The National Archives</h2><address class=\"tna-footer__address\">Kew, Richmond<br />TW9 4DU</address><div class=\"tna-footer__meta\"><p>Open today<br />09:00&mdash;19:00</p></div><nav class=\"tna-footer__social\" role=\"navigation\" aria-label=\"Social links\"><ul class=\"tna-ul tna-ul--plain tna-footer__social-items\"><li class=\"tna-footer__social-item\"><a href=\"#\" class=\"tna-footer__social-item-link\"><i class=\"fa-brands fa-fw fa-twitter\"></i><span class=\"tna-footer__social-item-link-text tna-!--visually-hidden\">Twitter</span></a></li><li class=\"tna-footer__social-item\"><a href=\"#\" class=\"tna-footer__social-item-link\"><i class=\"fa-brands fa-fw fa-youtube\"></i><span class=\"tna-footer__social-item-link-text tna-!--visually-hidden\">YouTube</span></a></li><li class=\"tna-footer__social-item\"><a href=\"#\" class=\"tna-footer__social-item-link\"><i class=\"fa-brands fa-fw fa-facebook\"></i><span class=\"tna-footer__social-item-link-text tna-!--visually-hidden\">Facebook</span></a></li><li class=\"tna-footer__social-item\"><a href=\"#\" class=\"tna-footer__social-item-link\"><i class=\"fa-brands fa-fw fa-flickr\"></i><span class=\"tna-footer__social-item-link-text tna-!--visually-hidden\">Flickr</span></a></li><li class=\"tna-footer__social-item\"><a href=\"#\" class=\"tna-footer__social-item-link\"><i class=\"fa-brands fa-fw fa-instagram\"></i><span class=\"tna-footer__social-item-link-text tna-!--visually-hidden\">Instagram</span></a></li><li class=\"tna-footer__social-item\"><a href=\"#\" class=\"tna-footer__social-item-link\"><i class=\"fa-solid fa-fw fa-rss\"></i><span class=\"tna-footer__social-item-link-text tna-!--visually-hidden\">RSS</span></a></li></ul></nav></div><div class=\"tna-footer__navigation tna-column tna-column--width-1-2 tna-column--full-medium tna-column--full-small tna-column--full-tiny tna-column--order-2 tna-column--order-4-medium tna-columns tna-columns--2 tna-columns--1-tiny\"><nav class=\"tna-footer__navigation-block tna-columns__block\" role=\"navigation\" aria-label=\"About us\"><h3 class=\"tna-footer__navigation-block-heading tna-heading-m\">About us</h3><ul class=\"tna-footer__navigation-block-items tna-ul tna-ul--plain\"><li class=\"tna-footer__navigation-block-item\"><a href=\"#\" class=\"tna-footer__navigation-block-item-link\">Our role</a></li><li class=\"tna-footer__navigation-block-item\"><a href=\"#\" class=\"tna-footer__navigation-block-item-link\">Our history</a></li><li class=\"tna-footer__navigation-block-item\"><a href=\"#\" class=\"tna-footer__navigation-block-item-link\">Our collection</a></li><li class=\"tna-footer__navigation-block-item\"><a href=\"#\" class=\"tna-footer__navigation-block-item-link\">Our people</a></li><li class=\"tna-footer__navigation-block-item\"><a href=\"#\" class=\"tna-footer__navigation-block-item-link\">How we are run</a></li><li class=\"tna-footer__navigation-block-item\"><a href=\"#\" class=\"tna-footer__navigation-block-item-link\">Our research and academic collaboration</a></li><li class=\"tna-footer__navigation-block-item\"><a href=\"#\" class=\"tna-footer__navigation-block-item-link\">News</a></li><li class=\"tna-footer__navigation-block-item\"><a href=\"#\" class=\"tna-footer__navigation-block-item-link\">Contact us</a></li><li class=\"tna-footer__navigation-block-item\"><a href=\"#\" class=\"tna-footer__navigation-block-item-link\">Jobs &amp; careers</a></li><li class=\"tna-footer__navigation-block-item\"><a href=\"#\" class=\"tna-footer__navigation-block-item-link\">Get involved</a></li></ul></nav><nav class=\"tna-footer__navigation-block tna-columns__block\" role=\"navigation\" aria-label=\"Our websites help\"><h3 class=\"tna-footer__navigation-block-heading tna-heading-m\">Our websites help</h3><ul class=\"tna-footer__navigation-block-items tna-ul tna-ul--plain\"><li class=\"tna-footer__navigation-block-item\"><a href=\"#\" class=\"tna-footer__navigation-block-item-link\" title=\"UK Government Web Archive (opens in new tab)\" target=\"_blank\" rel=\"noreferrer noopener\">UK Government Web Archive<i class=\"fa-solid fa-arrow-up-right-from-square\"></i></a></li><li class=\"tna-footer__navigation-block-item\"><a href=\"#\" class=\"tna-footer__navigation-block-item-link\" title=\"Legislation.gov.uk (opens in new tab)\" target=\"_blank\" rel=\"noreferrer noopener\">Legislation.gov.uk<i class=\"fa-solid fa-arrow-up-right-from-square\"></i></a></li><li class=\"tna-footer__navigation-block-item\"><a href=\"#\" class=\"tna-footer__navigation-block-item-link\" title=\"Find case law (opens in new tab)\" target=\"_blank\" rel=\"noreferrer noopener\">Find case law<i class=\"fa-solid fa-arrow-up-right-from-square\"></i></a></li><li class=\"tna-footer__navigation-block-item\"><a href=\"#\" class=\"tna-footer__navigation-block-item-link\" title=\"The Gazette (opens in new tab)\" target=\"_blank\" rel=\"noreferrer noopener\">The Gazette<i class=\"fa-solid fa-arrow-up-right-from-square\"></i></a></li></ul></nav><nav class=\"tna-footer__navigation-block tna-columns__block\" role=\"navigation\" aria-label=\"Quick links\"><h3 class=\"tna-footer__navigation-block-heading tna-heading-m\">Quick links</h3><ul class=\"tna-footer__navigation-block-items tna-ul tna-ul--plain\"><li class=\"tna-footer__navigation-block-item\"><a href=\"#\" class=\"tna-footer__navigation-block-item-link\">Press room</a></li><li class=\"tna-footer__navigation-block-item\"><a href=\"#\" class=\"tna-footer__navigation-block-item-link\">Venue hire</a></li></ul></nav></div><div class=\"tna-column tna-column--width-1-4 tna-column--width-1-2-medium tna-column--full-small tna-column--full-tiny tna-column--order-3\"><div class=\"tna-footer__mailing-list\"><h3 class=\"tna-footer__navigation-block-heading tna-heading-m\">Join the National Archives' mailing list</h3><p>Subscribe for regular news, updates and priority booking for events.</p><div class=\"tna-button-group\"><a href=\"#\" class=\"tna-button tna-button--accent\"><i class=\"fa-solid fa-fw fa-envelope\" aria-hidden=\"true\"></i>Subscribe</a></div></div></div></div><div class=\"tna-container\"><nav class=\"tna-footer__legal tna-column tna-column--full\" role=\"navigation\" aria-label=\"General site links\"><ul class=\"tna-footer__legal-items tna-ul tna-ul--plain\"><li class=\"tna-footer__legal-item\"><a href=\"#\" class=\"tna-footer__legal-item-link\">Accessibility statement</a></li><li class=\"tna-footer__legal-item\"><a href=\"#\" class=\"tna-footer__legal-item-link\">Freedom of information</a></li><li class=\"tna-footer__legal-item\"><a href=\"#\" class=\"tna-footer__legal-item-link\">Terms and conditions</a></li><li class=\"tna-footer__legal-item\"><a href=\"#\" class=\"tna-footer__legal-item-link\">Privacy policy</a></li><li class=\"tna-footer__legal-item\"><a href=\"#\" class=\"tna-footer__legal-item-link\">Cookies</a></li></ul><hr /></nav></div><div class=\"tna-container tna-footer__licence\"><div class=\"tna-column tna-column--full-tiny\"><svg class=\"tna-footer__licence-logo\" xmlns=\"http://www.w3.org/2000/svg\" focusable=\"false\" aria-hidden=\"true\" viewBox=\"0 0 483.2 195.7\" width=\"60\" height=\"24\"><path fill=\"currentColor\" d=\"M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145\"></path></svg></div><div class=\"tna-column tna-column--flex-1\"><p>All content is available under the <a href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\" class=\"tna-footer__link\">Open Government Licence v3.0</a>, except where otherwise stated</p></div><div class=\"tna-column tna-column--full-tiny tna-footer__govuk\"><a href=\"https://www.gov.uk/\" class=\"tna-footer__govuk-link\"><svg class=\"tna-footer__govuk-logotype-crown\" xmlns=\"http://www.w3.org/2000/svg\" focusable=\"false\" aria-hidden=\"true\" viewBox=\"0 0 132 97\" width=\"44\" height=\"32\"><path fill=\"currentColor\" d=\"M25 30.2c3.5 1.5 7.7-.2 9.1-3.7 1.5-3.6-.2-7.8-3.9-9.2-3.6-1.4-7.6.3-9.1 3.9-1.4 3.5.3 7.5 3.9 9zM9 39.5c3.6 1.5 7.8-.2 9.2-3.7 1.5-3.6-.2-7.8-3.9-9.1-3.6-1.5-7.6.2-9.1 3.8-1.4 3.5.3 7.5 3.8 9zM4.4 57.2c3.5 1.5 7.7-.2 9.1-3.8 1.5-3.6-.2-7.7-3.9-9.1-3.5-1.5-7.6.3-9.1 3.8-1.4 3.5.3 7.6 3.9 9.1zm38.3-21.4c3.5 1.5 7.7-.2 9.1-3.8 1.5-3.6-.2-7.7-3.9-9.1-3.6-1.5-7.6.3-9.1 3.8-1.3 3.6.4 7.7 3.9 9.1zm64.4-5.6c-3.6 1.5-7.8-.2-9.1-3.7-1.5-3.6.2-7.8 3.8-9.2 3.6-1.4 7.7.3 9.2 3.9 1.3 3.5-.4 7.5-3.9 9zm15.9 9.3c-3.6 1.5-7.7-.2-9.1-3.7-1.5-3.6.2-7.8 3.7-9.1 3.6-1.5 7.7.2 9.2 3.8 1.5 3.5-.3 7.5-3.8 9zm4.7 17.7c-3.6 1.5-7.8-.2-9.2-3.8-1.5-3.6.2-7.7 3.9-9.1 3.6-1.5 7.7.3 9.2 3.8 1.3 3.5-.4 7.6-3.9 9.1zM89.3 35.8c-3.6 1.5-7.8-.2-9.2-3.8-1.4-3.6.2-7.7 3.9-9.1 3.6-1.5 7.7.3 9.2 3.8 1.4 3.6-.3 7.7-3.9 9.1zM69.7 17.7l8.9 4.7V9.3l-8.9 2.8c-.2-.3-.5-.6-.9-.9L72.4 0H59.6l3.5 11.2c-.3.3-.6.5-.9.9l-8.8-2.8v13.1l8.8-4.7c.3.3.6.7.9.9l-5 15.4v.1c-.2.8-.4 1.6-.4 2.4 0 4.1 3.1 7.5 7 8.1h.2c.3 0 .7.1 1 .1.4 0 .7 0 1-.1h.2c4-.6 7.1-4.1 7.1-8.1 0-.8-.1-1.7-.4-2.4V34l-5.1-15.4c.4-.2.7-.6 1-.9zM66 92.8c16.9 0 32.8 1.1 47.1 3.2 4-16.9 8.9-26.7 14-33.5l-9.6-3.4c1 4.9 1.1 7.2 0 10.2-1.5-1.4-3-4.3-4.2-8.7L108.6 76c2.8-2 5-3.2 7.5-3.3-4.4 9.4-10 11.9-13.6 11.2-4.3-.8-6.3-4.6-5.6-7.9 1-4.7 5.7-5.9 8-.5 4.3-8.7-3-11.4-7.6-8.8 7.1-7.2 7.9-13.5 2.1-21.1-8 6.1-8.1 12.3-4.5 20.8-4.7-5.4-12.1-2.5-9.5 6.2 3.4-5.2 7.9-2 7.2 3.1-.6 4.3-6.4 7.8-13.5 7.2-10.3-.9-10.9-8-11.2-13.8 2.5-.5 7.1 1.8 11 7.3L80.2 60c-4.1 4.4-8 5.3-12.3 5.4 1.4-4.4 8-11.6 8-11.6H55.5s6.4 7.2 7.9 11.6c-4.2-.1-8-1-12.3-5.4l1.4 16.4c3.9-5.5 8.5-7.7 10.9-7.3-.3 5.8-.9 12.8-11.1 13.8-7.2.6-12.9-2.9-13.5-7.2-.7-5 3.8-8.3 7.1-3.1 2.7-8.7-4.6-11.6-9.4-6.2 3.7-8.5 3.6-14.7-4.6-20.8-5.8 7.6-5 13.9 2.2 21.1-4.7-2.6-11.9.1-7.7 8.8 2.3-5.5 7.1-4.2 8.1.5.7 3.3-1.3 7.1-5.7 7.9-3.5.7-9-1.8-13.5-11.2 2.5.1 4.7 1.3 7.5 3.3l-4.7-15.4c-1.2 4.4-2.7 7.2-4.3 8.7-1.1-3-.9-5.3 0-10.2l-9.5 3.4c5 6.9 9.9 16.7 14 33.5 14.8-2.1 30.8-3.2 47.7-3.2z\"></path></svg>GOV.UK</a></div></div></footer>",
+      "hidden": false
     }
   ]
 }
diff --git a/src/nationalarchives/components/header/fixtures.json b/src/nationalarchives/components/header/fixtures.json
index 80ce2a77..4d4a331e 100644
--- a/src/nationalarchives/components/header/fixtures.json
+++ b/src/nationalarchives/components/header/fixtures.json
@@ -1,4 +1,52 @@
 {
   "component": "header",
-  "fixtures": []
+  "fixtures": [
+    {
+      "name": "default",
+      "options": {
+        "logo": {
+          "strapline": "Beta",
+          "href": "#/"
+        },
+        "topNavigation": [
+          {
+            "text": "Top item 1",
+            "href": "#/top-1"
+          },
+          {
+            "text": "Top item 2",
+            "href": "#/top-2",
+            "icon": "phone"
+          },
+          {
+            "text": "Top item 3",
+            "href": "#/top-3",
+            "brandIcon": "github"
+          }
+        ],
+        "navigation": [
+          {
+            "text": "Alpha",
+            "href": "#/alpha",
+            "selected": true
+          },
+          {
+            "text": "Beta",
+            "href": "#/beta"
+          },
+          {
+            "text": "Gamma",
+            "href": "#/gamma"
+          }
+        ],
+        "exit": {
+          "text": "Go to the current National Archives website",
+          "href": "#",
+          "target": "_blank"
+        }
+      },
+      "html": "<header class=\"tna-header \" data-module=\"tna-header\"><div class=\"tna-header__exit\"><div class=\"tna-container\"><div class=\"tna-column tna-column--full\"><a href=\"#\" class=\"tna-header__exit-link\" target=\"_blank\">Go to the current National Archives website<i class=\"fa-solid fa-arrow-up-right-from-square\"></i></a></div></div></div><div class=\"tna-container tna-header__contents\"><div class=\"tna-column tna-header__logo\"><a href=\"#/\" class=\"tna-header__logo-link tna-header__logo-link--href\" title=\"The National Archives - Beta\"><svg xmlns=\"http://www.w3.org/2000/svg\" xml:space=\"preserve\" class=\"tna-logo\" style=\"enable-background:new 0 0 160 160\" viewBox=\"0 0 160 160\" width=\"96\" height=\"96\"><path fill=\"#fff\" d=\"M0 0h160v160H0z\" class=\"tna-logo__background\"/><g class=\"tna-logo__foreground\" fill=\"#000\"><path d=\"M1.9 107.2h156.3V158H1.9v-50.8zm0-52.7h156.3v50.8H1.9V54.5zm0-52.6h77.2v50.8H1.9V1.9zm79 0h77.2v50.8H80.9V1.9zm0-1.9H0v160h160V0H80.9z\"/><path d=\"M21.3 19.5h-5.4v-3h14.3v3h-5.4v18.4h-3.5zM31.6 16.5H35v9h8.4v-9h3.4v21.4h-3.4v-9.3H35v9.3h-3.4zM50.9 16.5h12.2v3h-8.8v6.1h7.4v3h-7.4v6.3h8.8v3H50.9zM19.7 69.2h3.8l6.4 12.5c.6 1.1 1.1 2.7 1.6 4h.2c-.2-1.7-.3-3.6-.3-4.8V69.2h3.5v21.4h-3.7l-6.3-12.3c-.7-1.4-1.2-2.7-1.7-4.2H23c.2 1.4.3 3.3.3 5v11.5h-3.5c-.1 0-.1-21.4-.1-21.4zM47.8 82.6l-1.7-6.3c-.3-1.1-.6-2.2-.9-3.8H45c-.3 1.6-.5 2.6-.8 3.8l-1.7 6.3h5.3zM43 69.2h4.2l6.2 21.4h-3.5l-1.5-5.2h-6.6l-1.4 5.2h-3.6L43 69.2zM57.2 72.3h-5.4v-3.1H66v3.1h-5.4v18.4h-3.4zM67.8 69.2h3.5v21.4h-3.5zM87.5 80c0-5.3-1.7-8-4.8-8-3.2 0-4.8 2.7-4.8 8 0 5.2 1.6 7.9 4.8 7.9 3.2 0 4.8-2.7 4.8-7.9m-13.3 0c0-7 3-11.1 8.5-11.1 5.4 0 8.4 4.1 8.4 11.1 0 6.9-3 11-8.4 11s-8.5-4.1-8.5-11M94.3 69.2H98l6.4 12.5c.6 1.1 1.2 2.7 1.7 4h.2c-.2-1.7-.3-3.6-.3-4.8V69.2h3.4v21.4h-3.7l-6.3-12.3c-.7-1.4-1.2-2.7-1.7-4.2h-.2c.2 1.4.3 3.3.3 5v11.5h-3.5V69.2zM122.4 82.6l-1.7-6.3c-.3-1.1-.6-2.2-.9-3.8h-.2c-.3 1.6-.5 2.6-.8 3.8l-1.7 6.3h5.3zm-4.8-13.4h4.2l6.2 21.4h-3.5l-1.5-5.2h-6.6l-1.4 5.2h-3.6l6.2-21.4zM129.9 69.2h3.5v18.4h8.4v3.1h-11.9zM26.9 135.2l-1.7-6.3c-.3-1.1-.6-2.2-.9-3.8h-.2c-.3 1.6-.5 2.6-.8 3.8l-1.7 6.3h5.3zm-4.8-13.4h4.2l6.2 21.4H29l-1.5-5.2h-6.6l-1.4 5.2h-3.6l6.2-21.4zM39.9 132.5c2.5 0 3.4-1.6 3.4-3.9 0-2.2-1-3.8-3.4-3.8h-2.7v7.7h2.7zm-6.1-10.7h6.4c4.5 0 6.7 2.4 6.7 6.6 0 3.1-1.5 5.6-3.7 6.3v.2c1 1.1 4 7.5 4.8 7.9v.5h-3.8c-1-.6-3.6-7.2-4.4-7.8h-2.5v7.8h-3.5v-21.5zM52.9 132.5c0 5.3 1.9 8 4.8 8s4-2 4-5.2l3.5.1c0 .2.1.4.1.6 0 4.4-2.1 7.5-7.5 7.5-5.2 0-8.5-3.9-8.5-11.1 0-7.1 3.3-11 8.5-11 6.4 0 7.5 4.6 7.5 7.2 0 .3 0 .7-.1.9l-3.5.1c0-3.3-1.2-5.2-4-5.2-2.9.2-4.8 2.9-4.8 8.1M68 121.8h3.5v9.1h8.3v-9.1h3.5v21.5h-3.5v-9.4h-8.3v9.4H68zM87.9 121.8h3.5v21.4h-3.5zM94.2 121.8h3.6l3.2 12.3c.5 1.9.8 3.6 1.1 5.6h.2c.3-2 .6-3.7 1.1-5.6l3.2-12.3h3.6l-6.1 21.4H100l-5.8-21.4zM112.7 121.8H125v3.1h-8.8v6h7.4v3h-7.4v6.3h8.8v3.1h-12.3zM130.4 136c0 .2-.1.5-.1.8 0 1.9.8 3.7 3.4 3.7 2.1 0 3.3-1.2 3.3-2.9 0-1.6-.7-2.4-2.2-3l-3.4-1.3c-2.4-.9-4.2-2.4-4.2-5.7 0-3.5 2.3-6.1 6.6-6.1 5.5 0 6.4 3.6 6.4 5.9 0 .3 0 .7-.1 1.1l-3.4.1c0-.2.1-.5.1-.7 0-1.7-.6-3.2-3-3.2-2.1 0-3 1.2-3 2.8 0 1.7.9 2.5 2.2 2.9l3.5 1.3c2.6 1 4.3 2.6 4.3 5.8 0 3.6-2.4 6.1-7 6.1-5.9 0-6.8-3.9-6.8-6.5 0-.3 0-.6.1-1l3.3-.1z\"/></g></svg><span class=\"tna-header__logo-strapline\">Beta</span></a></div><div class=\"tna-column tna-column--flex-1- tna-header__navigation-toggle\"><!-- POPULATED BY JAVASCRIPT IF ENABLED --></div><nav class=\"tna-column tna-column--flex-1 tna-column--full-small tna-column--full-tiny tna-header__navigation\" aria-label=\"Main site navigation\"><ul class=\"tna-header__navigation-items\"><li class=\"tna-header__navigation-item\"><a href=\"#/alpha\" class=\"tna-header__navigation-item-link tna-header__navigation-item-link--selected\" tabindex=\"0\" aria-current=\"true\">Alpha</a></li><li class=\"tna-header__navigation-item\"><a href=\"#/beta\" class=\"tna-header__navigation-item-link\" tabindex=\"0\">Beta</a></li><li class=\"tna-header__navigation-item\"><a href=\"#/gamma\" class=\"tna-header__navigation-item-link\" tabindex=\"0\">Gamma</a></li></ul><ul class=\"tna-header__top-navigation-items\"><li class=\"tna-header__top-navigation-item\"><a href=\"#/top-1\" class=\"tna-header__top-navigation-item-link\" tabindex=\"0\">Top item 1</a></li><li class=\"tna-header__top-navigation-item\"><a href=\"#/top-2\" class=\"tna-header__top-navigation-item-link\" tabindex=\"0\"><i class=\"fa-solid fa-fw fa-phone\"></i>Top item 2</a></li><li class=\"tna-header__top-navigation-item\"><a href=\"#/top-3\" class=\"tna-header__top-navigation-item-link\" tabindex=\"0\"><i class=\"fa-brands fa-fw fa-github\"></i>Top item 3</a></li></ul></nav></div></header>",
+      "hidden": false
+    }
+  ]
 }
diff --git a/src/nationalarchives/components/header/template.njk b/src/nationalarchives/components/header/template.njk
index e2895e58..ca165d05 100644
--- a/src/nationalarchives/components/header/template.njk
+++ b/src/nationalarchives/components/header/template.njk
@@ -7,7 +7,7 @@
   <div class="tna-header__exit">
     <div class="tna-container">
       <div class="tna-column tna-column--full">
-        <a href="{{ params.exit.href }}" class="tna-header__exit-link"{%- if params.exit.target -%} target="{{ params.exit.target }}"{%- endif -%}>
+        <a href="{{ params.exit.href }}" class="tna-header__exit-link"{%- if params.exit.target %} target="{{ params.exit.target }}"{%- endif -%}>
           {{ params.exit.text }}
           {%- if params.exit.target == "_blank" -%}
           <i class="fa-solid fa-arrow-up-right-from-square"></i>
diff --git a/src/nationalarchives/components/message/fixtures.json b/src/nationalarchives/components/message/fixtures.json
index 2b7c177e..eb800ea1 100644
--- a/src/nationalarchives/components/message/fixtures.json
+++ b/src/nationalarchives/components/message/fixtures.json
@@ -1,4 +1,13 @@
 {
   "component": "message",
-  "fixtures": []
+  "fixtures": [
+    {
+      "name": "default",
+      "options": {
+        "message": "Please note this page references hunger strikes and force feeding, which some people may find upsetting."
+      },
+      "html": "<div class=\"tna-message \"><svg class=\"tna-message__icon\" xmlns=\"http://www.w3.org/2000/svg\" focusable=\"false\" aria-hidden=\"true\" viewBox=\"0 0 34 34\" width=\"40\" height=\"40\"><path fill=\"currentColor\" d=\"M15.33 8.67h3.34V12h-3.34V8.67Zm0 6.66h3.34v10h-3.34v-10ZM17 .33a16.67 16.67 0 1 0 .01 33.35A16.67 16.67 0 0 0 17 .33Zm0 30A13.35 13.35 0 0 1 3.67 17C3.67 9.65 9.65 3.67 17 3.67S30.33 9.65 30.33 17 24.35 30.33 17 30.33Z\"></path></svg><p class=\"tna-message__message\">Please note this page references hunger strikes and force feeding, which some people may find upsetting.</p></div>",
+      "hidden": false
+    }
+  ]
 }
diff --git a/src/nationalarchives/components/pagination/fixtures.json b/src/nationalarchives/components/pagination/fixtures.json
index cdc1edfa..bb48f9ca 100644
--- a/src/nationalarchives/components/pagination/fixtures.json
+++ b/src/nationalarchives/components/pagination/fixtures.json
@@ -1,4 +1,47 @@
 {
   "component": "pagination",
-  "fixtures": []
+  "fixtures": [
+    {
+      "name": "default",
+      "options": {
+        "previous": {
+          "href": "#"
+        },
+        "items": [
+          {
+            "number": 1,
+            "href": "#"
+          },
+          {
+            "ellipsis": true
+          },
+          {
+            "number": 6,
+            "href": "#"
+          },
+          {
+            "number": 7,
+            "current": true,
+            "href": "#"
+          },
+          {
+            "number": 8,
+            "href": "#"
+          },
+          {
+            "ellipsis": true
+          },
+          {
+            "number": 42,
+            "href": "#"
+          }
+        ],
+        "next": {
+          "href": "#"
+        }
+      },
+      "html": "<nav class=\"tna-pagination \" role=\"navigation\" aria-label=\"Pagination\"><div class=\"tna-pagination__prev\"><a href=\"#\" class=\"tna-button tna-button--icon-only-mobile\" rel=\"prev\"><i class=\"fa-solid fa-fw fa-arrow-left\" aria-hidden=\"true\"></i>Previous</a></div><ul class=\"tna-pagination__list\"><li class=\"tna-pagination__item\"><a href=\"#\" class=\"tna-button tna-pagination__link\" aria-label=\"\">1</a></li><li class=\"tna-pagination__item tna-pagination__item--ellipses\">&ctdot;</li><li class=\"tna-pagination__item\"><a href=\"#\" class=\"tna-button tna-pagination__link\" aria-label=\"\">6</a></li><li class=\"tna-pagination__item tna-pagination__item--current\"><a href=\"#\" class=\"tna-button tna-pagination__link tna-button--accent\" aria-label=\"\">7</a></li><li class=\"tna-pagination__item\"><a href=\"#\" class=\"tna-button tna-pagination__link\" aria-label=\"\">8</a></li><li class=\"tna-pagination__item tna-pagination__item--ellipses\">&ctdot;</li><li class=\"tna-pagination__item\"><a href=\"#\" class=\"tna-button tna-pagination__link\" aria-label=\"\">42</a></li></ul><div class=\"tna-pagination__next\"><a href=\"#\" class=\"tna-button tna-button--icon-right tna-button--icon-only-mobile\" rel=\"next\"><i class=\"fa-solid fa-fw fa-arrow-right\" aria-hidden=\"true\"></i>Next</a></div></nav>",
+      "hidden": false
+    }
+  ]
 }
diff --git a/src/nationalarchives/components/picture/fixtures.json b/src/nationalarchives/components/picture/fixtures.json
index 66f10f03..0e836ce5 100644
--- a/src/nationalarchives/components/picture/fixtures.json
+++ b/src/nationalarchives/components/picture/fixtures.json
@@ -1,4 +1,19 @@
 {
   "component": "picture",
-  "fixtures": []
+  "fixtures": [
+    {
+      "name": "default",
+      "options": {
+        "src": "https://www.nationalarchives.gov.uk/wp-content/uploads/sites/24/2023/07/tna-building-compress.jpg",
+        "alt": "The National Archives office",
+        "width": 499,
+        "height": 333,
+        "caption": "<p>This is a pretty image</p>",
+        "transcript": "<p>Lorem ipsum transcript</p>",
+        "translation": "<p>Lorem ipsum translation</p>"
+      },
+      "html": "<figure class=\"tna-picture \" data-module=\"tna-picture\"><div class=\"tna-picture__image-wrapper\"><picture><img class=\"tna-picture__image\" width=\"499\" height=\"333\" src=\"https://www.nationalarchives.gov.uk/wp-content/uploads/sites/24/2023/07/tna-building-compress.jpg\" alt=\"The National Archives office\"></picture></div><div class=\"tna-picture__transcript\"><div class=\"tna-tabs \" data-module=\"tna-tabs\"><ul class=\"tna-tabs__list\"><li class=\"tna-tabs__list-item\"><a href=\"#test1\" class=\"tna-tabs__list-item-link\" id=\"test1-tab\">Transcript</a></li><li class=\"tna-tabs__list-item\"><a href=\"#test2\" class=\"tna-tabs__list-item-link\" id=\"test2-tab\">English translation</a></li></ul><div class=\"tna-tabs__items\"><section id=\"test1\" class=\"tna-tabs__item\"><p>Lorem ipsum transcript</p></section><section id=\"test2\" class=\"tna-tabs__item\"><p>Lorem ipsum translation</p></section></div></div></div><figcaption class=\"tna-picture__caption\"><p>This is a pretty image</p></figcaption></figure>",
+      "hidden": false
+    }
+  ]
 }
diff --git a/src/nationalarchives/components/search-field/fixtures.json b/src/nationalarchives/components/search-field/fixtures.json
index ccb4f9e0..731b50b2 100644
--- a/src/nationalarchives/components/search-field/fixtures.json
+++ b/src/nationalarchives/components/search-field/fixtures.json
@@ -1,4 +1,43 @@
 {
   "component": "search-field",
-  "fixtures": []
+  "fixtures": [
+    {
+      "name": "plain search field",
+      "options": {
+        "label": "Catalogue search results",
+        "headingLevel": 1,
+        "headingSize": "l",
+        "id": "search1",
+        "name": "q"
+      },
+      "html": "<div class=\"tna-search-field \"><div class=\"tna-form__group \"><div class=\"tna-form__group-contents\"><h1 class=\"tna-form__heading tna-form__heading--l\"><label class=\"tna-form__label\" for=\"tna-form__search1\">Catalogue search results</label></h1></div><div class=\"tna-search-field__fields\"><input type=\"search\" id=\"tna-form__search1\" class=\"tna-search-field__input \" name=\"q\" value=\"\" spellcheck=\"false\"><button type=\"submit\" class=\"tna-button tna-search-field__button\">Search<!--<i class=\"fa-solid fa-fw fa-magnifying-glass\"></i>--><!--<i class=\"fa-solid fa-fw fa-chevron-right\"></i>--><i class=\"fa-solid fa-fw fa-arrow-right tna-!--hide-on-tiny\"></i></button></div></div></div>",
+      "hidden": false
+    },
+    {
+      "name": "search field with a preselected value",
+      "options": {
+        "label": "Catalogue search results",
+        "headingLevel": 1,
+        "headingSize": "l",
+        "id": "search1",
+        "name": "q",
+        "value": "badgers"
+      },
+      "html": "<div class=\"tna-search-field \"><div class=\"tna-form__group \"><div class=\"tna-form__group-contents\"><h1 class=\"tna-form__heading tna-form__heading--l\"><label class=\"tna-form__label\" for=\"tna-form__search1\">Catalogue search results</label></h1></div><div class=\"tna-search-field__fields\"><input type=\"search\" id=\"tna-form__search1\" class=\"tna-search-field__input \" name=\"q\" value=\"badgers\" spellcheck=\"false\"><button type=\"submit\" class=\"tna-button tna-search-field__button\">Search<!--<i class=\"fa-solid fa-fw fa-magnifying-glass\"></i>--><!--<i class=\"fa-solid fa-fw fa-chevron-right\"></i>--><i class=\"fa-solid fa-fw fa-arrow-right tna-!--hide-on-tiny\"></i></button></div></div></div>",
+      "hidden": false
+    },
+    {
+      "name": "search field with a hint",
+      "options": {
+        "label": "Catalogue search results",
+        "headingLevel": 1,
+        "headingSize": "l",
+        "id": "search1",
+        "name": "q",
+        "hint": "Try searching for something interesting"
+      },
+      "html": "<div class=\"tna-search-field \"><div class=\"tna-form__group \"><div class=\"tna-form__group-contents\"><h1 class=\"tna-form__heading tna-form__heading--l\"><label class=\"tna-form__label\" for=\"tna-form__search1\">Catalogue search results</label></h1><p id=\"tna-form__search1-hint\" class=\"tna-form__hint\">Try searching for something interesting</p></div><div class=\"tna-search-field__fields\"><input type=\"search\" id=\"tna-form__search1\" class=\"tna-search-field__input \" name=\"q\" value=\"\" spellcheck=\"false\" aria-describedby=\"tna-form__search1-hint\"><button type=\"submit\" class=\"tna-button tna-search-field__button\">Search<!--<i class=\"fa-solid fa-fw fa-magnifying-glass\"></i>--><!--<i class=\"fa-solid fa-fw fa-chevron-right\"></i>--><i class=\"fa-solid fa-fw fa-arrow-right tna-!--hide-on-tiny\"></i></button></div></div></div>",
+      "hidden": false
+    }
+  ]
 }
diff --git a/src/nationalarchives/components/select/fixtures.json b/src/nationalarchives/components/select/fixtures.json
index 9daf0307..2d91b962 100644
--- a/src/nationalarchives/components/select/fixtures.json
+++ b/src/nationalarchives/components/select/fixtures.json
@@ -1,4 +1,168 @@
 {
   "component": "select",
-  "fixtures": []
+  "fixtures": [
+    {
+      "name": "plain select",
+      "options": {
+        "label": "Sort by",
+        "headingLevel": 4,
+        "headingSize": "m",
+        "id": "sort",
+        "name": "sort",
+        "items": [
+          {
+            "text": "Relevance",
+            "value": "relevance"
+          },
+          {
+            "text": "Date",
+            "value": "date"
+          },
+          {
+            "text": "Title",
+            "value": "title"
+          }
+        ]
+      },
+      "html": "<div class=\"tna-form__group \"><div class=\"tna-form__group-contents\"><h4 class=\"tna-form__heading tna-form__heading--m\"><label class=\"tna-form__label\" for=\"tna-form__sort\">Sort by</label></h4></div><select class=\"tna-select \" name=\"sort\" id=\"tna-form__sort\"><option value=\"relevance\">Relevance</option><option value=\"date\">Date</option><option value=\"title\">Title</option></select></div>",
+      "hidden": false
+    },
+    {
+      "name": "select with a preselected value",
+      "options": {
+        "label": "Sort by",
+        "headingLevel": 4,
+        "headingSize": "m",
+        "id": "sort",
+        "name": "sort",
+        "items": [
+          {
+            "text": "Relevance",
+            "value": "relevance"
+          },
+          {
+            "text": "Date",
+            "value": "date"
+          },
+          {
+            "text": "Title",
+            "value": "title"
+          }
+        ],
+        "selected": "date"
+      },
+      "html": "<div class=\"tna-form__group \"><div class=\"tna-form__group-contents\"><h4 class=\"tna-form__heading tna-form__heading--m\"><label class=\"tna-form__label\" for=\"tna-form__sort\">Sort by</label></h4></div><select class=\"tna-select \" name=\"sort\" id=\"tna-form__sort\"><option value=\"relevance\">Relevance</option><option value=\"date\" selected>Date</option><option value=\"title\">Title</option></select></div>",
+      "hidden": false
+    },
+    {
+      "name": "select with a hint",
+      "options": {
+        "label": "Sort by",
+        "headingLevel": 4,
+        "headingSize": "m",
+        "id": "sort",
+        "name": "sort",
+        "hint": "Select a field to sort by.",
+        "items": [
+          {
+            "text": "Relevance",
+            "value": "relevance"
+          },
+          {
+            "text": "Date",
+            "value": "date"
+          },
+          {
+            "text": "Title",
+            "value": "title"
+          }
+        ]
+      },
+      "html": "<div class=\"tna-form__group \"><div class=\"tna-form__group-contents\"><h4 class=\"tna-form__heading tna-form__heading--m\"><label class=\"tna-form__label\" for=\"tna-form__sort\">Sort by</label></h4><p id=\"tna-form__sort-hint\" class=\"tna-form__hint\">Select a field to sort by.</p></div><select class=\"tna-select \" name=\"sort\" id=\"tna-form__sort\" aria-describedby=\"tna-form__sort-hint\"><option value=\"relevance\">Relevance</option><option value=\"date\">Date</option><option value=\"title\">Title</option></select></div>",
+      "hidden": false
+    },
+    {
+      "name": "select with an error",
+      "options": {
+        "label": "Sort by",
+        "headingLevel": 4,
+        "headingSize": "m",
+        "id": "sort",
+        "name": "sort",
+        "error": {
+          "text": "You must select a field to sort by"
+        },
+        "items": [
+          {
+            "text": "Relevance",
+            "value": "relevance"
+          },
+          {
+            "text": "Date",
+            "value": "date"
+          },
+          {
+            "text": "Title",
+            "value": "title"
+          }
+        ]
+      },
+      "html": "<div class=\"tna-form__group tna-form__group--error \"><div class=\"tna-form__group-contents\"><h4 class=\"tna-form__heading tna-form__heading--m\"><label class=\"tna-form__label\" for=\"tna-form__sort\">Sort by</label></h4><p id=\"tna-form__sort-error\" class=\"tna-form__error-message\"><span class=\"tna-!--visually-hidden\">Error:</span> You must select a field to sort by</p></div><select class=\"tna-select \" name=\"sort\" id=\"tna-form__sort\"><option value=\"relevance\">Relevance</option><option value=\"date\">Date</option><option value=\"title\">Title</option></select></div>",
+      "hidden": false
+    },
+    {
+      "name": "inline select",
+      "options": {
+        "label": "Sort by",
+        "headingLevel": 4,
+        "headingSize": "m",
+        "id": "sort",
+        "name": "sort",
+        "items": [
+          {
+            "text": "Relevance",
+            "value": "relevance"
+          },
+          {
+            "text": "Date",
+            "value": "date"
+          },
+          {
+            "text": "Title",
+            "value": "title"
+          }
+        ],
+        "inline": true
+      },
+      "html": "<div class=\"tna-form__group tna-form__group--inline\"><div class=\"tna-form__group-contents\"><h4 class=\"tna-form__heading tna-form__heading--m\"><label class=\"tna-form__label\" for=\"tna-form__sort\">Sort by</label></h4></div><select class=\"tna-select \" name=\"sort\" id=\"tna-form__sort\"><option value=\"relevance\">Relevance</option><option value=\"date\">Date</option><option value=\"title\">Title</option></select></div>",
+      "hidden": false
+    },
+    {
+      "name": "select size",
+      "options": {
+        "label": "Sort by",
+        "headingLevel": 4,
+        "headingSize": "m",
+        "id": "sort",
+        "name": "sort",
+        "items": [
+          {
+            "text": "Relevance",
+            "value": "relevance"
+          },
+          {
+            "text": "Date",
+            "value": "date"
+          },
+          {
+            "text": "Title",
+            "value": "title"
+          }
+        ],
+        "size": "xl"
+      },
+      "html": "<div class=\"tna-form__group \"><div class=\"tna-form__group-contents\"><h4 class=\"tna-form__heading tna-form__heading--m\"><label class=\"tna-form__label\" for=\"tna-form__sort\">Sort by</label></h4></div><select class=\"tna-select tna-select--xl \" name=\"sort\" id=\"tna-form__sort\"><option value=\"relevance\">Relevance</option><option value=\"date\">Date</option><option value=\"title\">Title</option></select></div>",
+      "hidden": false
+    }
+  ]
 }
diff --git a/src/nationalarchives/components/select/template.njk b/src/nationalarchives/components/select/template.njk
index 7f0463ac..2dae0f11 100644
--- a/src/nationalarchives/components/select/template.njk
+++ b/src/nationalarchives/components/select/template.njk
@@ -3,7 +3,7 @@
 {%- if params.inline -%}
   {%- set containerClasses = containerClasses.concat('tna-form__group--inline') -%}
 {%- endif -%}
-<div class="tna-form__group{% if params.error %} tna-form__group--error{% endif %} {{ containerClasses | join(' ') }}" {%- for attribute, value in params.formGroupAttributes %} {{ attribute }}="{{ value }}"{% endfor %}">
+<div class="tna-form__group{% if params.error %} tna-form__group--error{% endif %} {{ containerClasses | join(' ') }}" {%- for attribute, value in params.formGroupAttributes %} {{ attribute }}="{{ value }}"{% endfor %}>
   <div class="tna-form__group-contents">
     <h{{ params.headingLevel }} class="tna-form__heading tna-form__heading--{{ params.headingSize or 'm' }}">
       <label class="tna-form__label" for="tna-form__{{ params.id }}">
diff --git a/src/nationalarchives/components/tabs/fixtures.json b/src/nationalarchives/components/tabs/fixtures.json
index bb72766e..bf5f83f8 100644
--- a/src/nationalarchives/components/tabs/fixtures.json
+++ b/src/nationalarchives/components/tabs/fixtures.json
@@ -1,4 +1,30 @@
 {
   "component": "tabs",
-  "fixtures": []
+  "fixtures": [
+    {
+      "name": "default",
+      "options": {
+        "title": "Example tabs",
+        "items": [
+          {
+            "id": "unique-id-a",
+            "title": "Alpha section",
+            "body": "<h2 class=\"tna-heading-l\">Alpha title</h2><p>Lorem ipsum</p>"
+          },
+          {
+            "id": "unique-id-b",
+            "title": "Beta section",
+            "body": "<h2 class=\"tna-heading-l\">Beta title</h2><p>Lorem ipsum</p>"
+          },
+          {
+            "id": "unique-id-c",
+            "title": "Gamma section",
+            "body": "<h2 class=\"tna-heading-l\">Gamma title</h2><p>Lorem ipsum</p>"
+          }
+        ]
+      },
+      "html": "<div class=\"tna-tabs \" data-module=\"tna-tabs\"><ul class=\"tna-tabs__list\"><li class=\"tna-tabs__list-item\"><a href=\"#unique-id-a\" class=\"tna-tabs__list-item-link\" id=\"unique-id-a-tab\">Alpha section</a></li><li class=\"tna-tabs__list-item\"><a href=\"#unique-id-b\" class=\"tna-tabs__list-item-link\" id=\"unique-id-b-tab\">Beta section</a></li><li class=\"tna-tabs__list-item\"><a href=\"#unique-id-c\" class=\"tna-tabs__list-item-link\" id=\"unique-id-c-tab\">Gamma section</a></li></ul><div class=\"tna-tabs__items\"><section id=\"unique-id-a\" class=\"tna-tabs__item\"><h2 class=\"tna-heading-l\">Alpha title</h2><p>Lorem ipsum</p></section><section id=\"unique-id-b\" class=\"tna-tabs__item\"><h2 class=\"tna-heading-l\">Beta title</h2><p>Lorem ipsum</p></section><section id=\"unique-id-c\" class=\"tna-tabs__item\"><h2 class=\"tna-heading-l\">Gamma title</h2><p>Lorem ipsum</p></section></div></div>",
+      "hidden": false
+    }
+  ]
 }
diff --git a/src/nationalarchives/components/tabs/macro-options.json b/src/nationalarchives/components/tabs/macro-options.json
index a9ebbf68..6e81be52 100644
--- a/src/nationalarchives/components/tabs/macro-options.json
+++ b/src/nationalarchives/components/tabs/macro-options.json
@@ -1,10 +1,4 @@
 [
-  {
-    "name": "title",
-    "type": "string",
-    "required": true,
-    "description": ""
-  },
   {
     "name": "items",
     "type": "array",
diff --git a/src/nationalarchives/components/tabs/tabs.stories.js b/src/nationalarchives/components/tabs/tabs.stories.js
index 19e2d3bd..2d4dafe0 100644
--- a/src/nationalarchives/components/tabs/tabs.stories.js
+++ b/src/nationalarchives/components/tabs/tabs.stories.js
@@ -4,7 +4,6 @@ import { expect } from "@storybook/jest";
 import { within, userEvent } from "@storybook/testing-library";
 
 const argTypes = {
-  title: { control: "text" },
   items: { control: "object" },
   sticky: { control: "boolean" },
   classes: { control: "text" },
@@ -22,10 +21,9 @@ export default {
   argTypes,
 };
 
-const Template = ({ title, items, sticky, classes, attributes }) =>
+const Template = ({ items, sticky, classes, attributes }) =>
   Tabs({
     params: {
-      title,
       items,
       sticky,
       classes,
@@ -35,7 +33,6 @@ const Template = ({ title, items, sticky, classes, attributes }) =>
 
 export const Standard = Template.bind({});
 Standard.args = {
-  title: "Example tabs",
   items: [
     {
       id: "unique-id-a",
@@ -61,7 +58,6 @@ Test.parameters = {
   chromatic: { disableSnapshot: true },
 };
 Test.args = {
-  title: "Example tabs",
   items: [
     {
       id: "unique-id-a",
diff --git a/src/nationalarchives/components/tabs/template.njk b/src/nationalarchives/components/tabs/template.njk
index 82b6cd9a..46811b41 100644
--- a/src/nationalarchives/components/tabs/template.njk
+++ b/src/nationalarchives/components/tabs/template.njk
@@ -3,7 +3,7 @@
   {%- set containerClasses = containerClasses.concat('tna-tabs--sticky') -%}
 {%- endif -%}
 <div class="tna-tabs {{ containerClasses | join(' ') }}" data-module="tna-tabs"{% for attribute, value in params.attributes %} {{ attribute }}="{{ value }}"{% endfor %}>
-  <ul class="tna-tabs__list" aria-label="{{ params.title }}">
+  <ul class="tna-tabs__list">
   {% for item in params.items %}
     <li class="tna-tabs__list-item">
       <a href="#{{ item.id }}" class="tna-tabs__list-item-link" id="{{ item.id }}-tab">{{ item.title }}</a>
diff --git a/src/nationalarchives/components/text-input/fixtures.json b/src/nationalarchives/components/text-input/fixtures.json
index 713c2305..e12b0b1d 100644
--- a/src/nationalarchives/components/text-input/fixtures.json
+++ b/src/nationalarchives/components/text-input/fixtures.json
@@ -1,4 +1,84 @@
 {
   "component": "text-input",
-  "fixtures": []
+  "fixtures": [
+    {
+      "name": "plain text input",
+      "options": {
+        "label": "Enter your first name",
+        "headingLevel": 4,
+        "headingSize": "m",
+        "id": "name",
+        "name": "name"
+      },
+      "html": "<div class=\"tna-form__group \"><div class=\"tna-form__group-contents\"><h4 class=\"tna-form__heading tna-form__heading--m\"><label class=\"tna-form__label\" for=\"tna-form__name\">Enter your first name</label></h4></div><input type=\"text\" id=\"tna-form__name\" class=\"tna-text-input \" name=\"name\" value=\"\" spellcheck=\"false\"></div>",
+      "hidden": false
+    },
+    {
+      "name": "text input with a preselected value",
+      "options": {
+        "label": "Enter your first name",
+        "headingLevel": 4,
+        "headingSize": "m",
+        "id": "name",
+        "name": "name",
+        "value": "John"
+      },
+      "html": "<div class=\"tna-form__group \"><div class=\"tna-form__group-contents\"><h4 class=\"tna-form__heading tna-form__heading--m\"><label class=\"tna-form__label\" for=\"tna-form__name\">Enter your first name</label></h4></div><input type=\"text\" id=\"tna-form__name\" class=\"tna-text-input \" name=\"name\" value=\"John\" spellcheck=\"false\"></div>",
+      "hidden": false
+    },
+    {
+      "name": "text input with a hint",
+      "options": {
+        "label": "Enter your first name",
+        "headingLevel": 4,
+        "headingSize": "m",
+        "id": "name",
+        "name": "name",
+        "hint": "What people call you by."
+      },
+      "html": "<div class=\"tna-form__group \"><div class=\"tna-form__group-contents\"><h4 class=\"tna-form__heading tna-form__heading--m\"><label class=\"tna-form__label\" for=\"tna-form__name\">Enter your first name</label></h4><p id=\"tna-form__name-hint\" class=\"tna-form__hint\">What people call you by.</p></div><input type=\"text\" id=\"tna-form__name\" class=\"tna-text-input \" name=\"name\" value=\"\" spellcheck=\"false\" aria-describedby=\"tna-form__name-hint \"></div>",
+      "hidden": false
+    },
+    {
+      "name": "text input with an error",
+      "options": {
+        "label": "Enter your first name",
+        "headingLevel": 4,
+        "headingSize": "m",
+        "id": "name",
+        "name": "name",
+        "error": {
+          "text": "Enter a name"
+        }
+      },
+      "html": "<div class=\"tna-form__group tna-form__group--error \"><div class=\"tna-form__group-contents\"><h4 class=\"tna-form__heading tna-form__heading--m\"><label class=\"tna-form__label\" for=\"tna-form__name\">Enter your first name</label></h4><p id=\"tna-form__name-error\" class=\"tna-form__error-message\"><span class=\"tna-!--visually-hidden\">Error:</span> Enter a name</p></div><input type=\"text\" id=\"tna-form__name\" class=\"tna-text-input \" name=\"name\" value=\"\" spellcheck=\"false\" aria-describedby=\" tna-form__name-error\"></div>",
+      "hidden": false
+    },
+    {
+      "name": "inline text input",
+      "options": {
+        "label": "Enter your first name",
+        "headingLevel": 4,
+        "headingSize": "m",
+        "id": "name",
+        "name": "name",
+        "inline": true
+      },
+      "html": "<div class=\"tna-form__group tna-form__group--inline\"><div class=\"tna-form__group-contents\"><h4 class=\"tna-form__heading tna-form__heading--m\"><label class=\"tna-form__label\" for=\"tna-form__name\">Enter your first name</label></h4></div><input type=\"text\" id=\"tna-form__name\" class=\"tna-text-input \" name=\"name\" value=\"\" spellcheck=\"false\"></div>",
+      "hidden": false
+    },
+    {
+      "name": "text input size",
+      "options": {
+        "label": "Enter your first name",
+        "headingLevel": 4,
+        "headingSize": "m",
+        "id": "name",
+        "name": "name",
+        "size": "m"
+      },
+      "html": "<div class=\"tna-form__group \"><div class=\"tna-form__group-contents\"><h4 class=\"tna-form__heading tna-form__heading--m\"><label class=\"tna-form__label\" for=\"tna-form__name\">Enter your first name</label></h4></div><input type=\"text\" id=\"tna-form__name\" class=\"tna-text-input tna-text-input--m \" name=\"name\" value=\"\" spellcheck=\"false\"></div>",
+      "hidden": false
+    }
+  ]
 }
diff --git a/src/nationalarchives/components/text-input/template.njk b/src/nationalarchives/components/text-input/template.njk
index f602deb4..5f0e8d1c 100644
--- a/src/nationalarchives/components/text-input/template.njk
+++ b/src/nationalarchives/components/text-input/template.njk
@@ -3,7 +3,7 @@
 {%- if params.inline -%}
   {%- set containerClasses = containerClasses.concat('tna-form__group--inline') -%}
 {%- endif -%}
-<div class="tna-form__group{% if params.error %} tna-form__group--error{% endif %} {{ containerClasses | join(' ') }}" {%- for attribute, value in params.formGroupAttributes %} {{ attribute }}="{{ value }}"{% endfor %}">
+<div class="tna-form__group{% if params.error %} tna-form__group--error{% endif %} {{ containerClasses | join(' ') }}" {%- for attribute, value in params.formGroupAttributes %} {{ attribute }}="{{ value }}"{% endfor %}>
   <div class="tna-form__group-contents">
     <h{{ params.headingLevel }} class="tna-form__heading tna-form__heading--{{ params.headingSize or 'm' }}">
       <label class="tna-form__label" for="tna-form__{{ params.id }}">
diff --git a/src/nationalarchives/components/textarea/fixtures.json b/src/nationalarchives/components/textarea/fixtures.json
index bc48b7fe..a8e88a98 100644
--- a/src/nationalarchives/components/textarea/fixtures.json
+++ b/src/nationalarchives/components/textarea/fixtures.json
@@ -1,4 +1,84 @@
 {
   "component": "textarea",
-  "fixtures": []
+  "fixtures": [
+    {
+      "name": "plain textarea",
+      "options": {
+        "label": "Enter your feedback",
+        "headingLevel": 4,
+        "headingSize": "m",
+        "id": "feedback",
+        "name": "name"
+      },
+      "html": "<div class=\"tna-form__group \"><div class=\"tna-form__group-contents\"><h4 class=\"tna-form__heading tna-form__heading--m\"><label class=\"tna-form__label\" for=\"tna-form__feedback\">Enter your feedback</label></h4></div><textarea id=\"tna-form__feedback\" class=\"tna-textarea \" name=\"name\" spellcheck=\"false\" rows=\"5\"></textarea></div>",
+      "hidden": false
+    },
+    {
+      "name": "textarea with a preselected value",
+      "options": {
+        "label": "Enter your feedback",
+        "headingLevel": 4,
+        "headingSize": "m",
+        "id": "feedback",
+        "name": "feedback",
+        "value": "I like this 👍🏼"
+      },
+      "html": "<div class=\"tna-form__group \"><div class=\"tna-form__group-contents\"><h4 class=\"tna-form__heading tna-form__heading--m\"><label class=\"tna-form__label\" for=\"tna-form__feedback\">Enter your feedback</label></h4></div><textarea id=\"tna-form__feedback\" class=\"tna-textarea \" name=\"feedback\" spellcheck=\"false\" rows=\"5\">I like this 👍🏼</textarea></div>",
+      "hidden": false
+    },
+    {
+      "name": "textarea with a hint",
+      "options": {
+        "label": "Enter your feedback",
+        "headingLevel": 4,
+        "headingSize": "m",
+        "id": "feedback",
+        "name": "feedback",
+        "hint": "What did you think?"
+      },
+      "html": "<div class=\"tna-form__group \"><div class=\"tna-form__group-contents\"><h4 class=\"tna-form__heading tna-form__heading--m\"><label class=\"tna-form__label\" for=\"tna-form__feedback\">Enter your feedback</label></h4><p id=\"tna-form__feedback-hint\" class=\"tna-form__hint\">What did you think?</p></div><textarea id=\"tna-form__feedback\" class=\"tna-textarea \" name=\"feedback\" spellcheck=\"false\" rows=\"5\" aria-describedby=\"tna-form__feedback-hint \"></textarea></div>",
+      "hidden": false
+    },
+    {
+      "name": "textarea with an error",
+      "options": {
+        "label": "Enter your feedback",
+        "headingLevel": 4,
+        "headingSize": "m",
+        "id": "feedback",
+        "name": "feedback",
+        "error": {
+          "text": "Enter some feedback"
+        }
+      },
+      "html": "<div class=\"tna-form__group tna-form__group--error \"><div class=\"tna-form__group-contents\"><h4 class=\"tna-form__heading tna-form__heading--m\"><label class=\"tna-form__label\" for=\"tna-form__feedback\">Enter your feedback</label></h4><p id=\"tna-form__feedback-error\" class=\"tna-form__error-message\"><span class=\"tna-!--visually-hidden\">Error:</span> Enter some feedback</p></div><textarea id=\"tna-form__feedback\" class=\"tna-textarea \" name=\"feedback\" spellcheck=\"false\" rows=\"5\" aria-describedby=\" tna-form__feedback-error\"></textarea></div>",
+      "hidden": false
+    },
+    {
+      "name": "inline textarea",
+      "options": {
+        "label": "Enter your feedback",
+        "headingLevel": 4,
+        "headingSize": "m",
+        "id": "feedback",
+        "name": "feedback",
+        "inline": true
+      },
+      "html": "<div class=\"tna-form__group tna-form__group--inline\"><div class=\"tna-form__group-contents\"><h4 class=\"tna-form__heading tna-form__heading--m\"><label class=\"tna-form__label\" for=\"tna-form__feedback\">Enter your feedback</label></h4></div><textarea id=\"tna-form__feedback\" class=\"tna-textarea \" name=\"feedback\" spellcheck=\"false\" rows=\"5\"></textarea></div>",
+      "hidden": false
+    },
+    {
+      "name": "textarea size",
+      "options": {
+        "label": "Enter your feedback",
+        "headingLevel": 4,
+        "headingSize": "m",
+        "id": "feedback",
+        "name": "feedback",
+        "size": "m"
+      },
+      "html": "<div class=\"tna-form__group \"><div class=\"tna-form__group-contents\"><h4 class=\"tna-form__heading tna-form__heading--m\"><label class=\"tna-form__label\" for=\"tna-form__feedback\">Enter your feedback</label></h4></div><textarea id=\"tna-form__feedback\" class=\"tna-textarea tna-textarea--m \" name=\"feedback\" spellcheck=\"false\" rows=\"5\"></textarea></div>",
+      "hidden": false
+    }
+  ]
 }
diff --git a/src/nationalarchives/components/textarea/template.njk b/src/nationalarchives/components/textarea/template.njk
index ce76cb01..b4b1506a 100644
--- a/src/nationalarchives/components/textarea/template.njk
+++ b/src/nationalarchives/components/textarea/template.njk
@@ -3,7 +3,7 @@
 {%- if params.inline -%}
   {%- set containerClasses = containerClasses.concat('tna-form__group--inline') -%}
 {%- endif -%}
-<div class="tna-form__group{% if params.error %} tna-form__group--error{% endif %} {{ containerClasses | join(' ') }}" {%- for attribute, value in params.formGroupAttributes %} {{ attribute }}="{{ value }}"{% endfor %}">
+<div class="tna-form__group{% if params.error %} tna-form__group--error{% endif %} {{ containerClasses | join(' ') }}" {%- for attribute, value in params.formGroupAttributes %} {{ attribute }}="{{ value }}"{% endfor %}>
   <div class="tna-form__group-contents">
     <h{{ params.headingLevel }} class="tna-form__heading tna-form__heading--{{ params.headingSize or 'm' }}">
       <label class="tna-form__label" for="tna-form__{{ params.id }}">