Accessibility updates (#90)

* Hide some pseudo elements from screen readers

* Update npm exports

* Set global header background to black on dark themes

CHANGELOG.md

@@ -16,6 +16,8 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 - Changed spacing between navigation items in header
 - `tna-blockquote__author` changed to `tna-blockquote__citation`
+- Added default CSS export in `package.json`
+- Set global header background to pure black (`#000`) on dark themes
 
 ### Deprecated
 ### Removed
@@ -26,6 +28,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 - Stopped logo from shrinking with longer straplines in headers
 - The message component has a header rather than an icon which provides a better page landmark
+- Hid some CSS pseudo elements from screen readers
 
 ### Security
 

package.json

@@ -28,8 +28,9 @@
   "main": "nationalarchives/all.js",
   "exports": {
     ".": {
-      "sass": "./nationalarchives/all.scss",
-      "require": "./nationalarchives/all.js"
+      "css": "./nationalarchives/all.css",
+      "require": "./nationalarchives/all.js",
+      "sass": "./nationalarchives/all.scss"
     },
     "./nationalarchives/": "./nationalarchives/"
   },

src/nationalarchives/components/breadcrumbs/breadcrumbs.scss

@@ -34,6 +34,7 @@
         vertical-align: baseline;
 
         content: "\203A";
+        content: "\203A" / "";
       }
     }
 

src/nationalarchives/components/featured-records/featured-records.scss

@@ -57,6 +57,7 @@
   &__collection-label {
     &::after {
       content: ":";
+      content: ":" / "";
     }
   }
 

src/nationalarchives/components/global-header/global-header.scss

@@ -19,6 +19,10 @@
     );
   }
 
+  .tna-template--dark-theme & {
+    background: #000;
+  }
+
   .tna-template--system-theme {
     @media (prefers-color-scheme: light) {
       background: linear-gradient(
@@ -27,6 +31,10 @@
         rgb(0 0 0 / 100%) 100%
       );
     }
+
+    @media (prefers-color-scheme: dark) {
+      background: #000;
+    }
   }
 
   &__main {

src/nationalarchives/utilities/_typography.scss

@@ -395,6 +395,7 @@ small {
 
     &::before {
       content: "\2014" " ";
+      content: "\2014" " " / "";
     }
   }