Merge pull request #334 from hmrc/PLATUI-2649

PLATUI-2649 add focus outline for accessibility to account-menu
hmrc · Nov 29, 2023 · af9397c · af9397c
2 parents 6f6cb7f + 79a19f4
commit af9397c
Show file tree

Hide file tree

Showing 4 changed files with 142 additions and 107 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -7,6 +7,18 @@ and this project adheres to [Semantic Versioning](http://semver.org/).
 
 ## [Unreleased]
 
+## [5.60.0] - 2023-11-29
+
+### Changed
+
+- Added 3px invisible border to focus on `account-menu` items, to be accessible to Windows High Contrast Mode users
+
+## [5.59.0] - 2023-11-27
+
+### Changed
+
+- Fixed incorrect Welsh content in `accessible-autocomplete`
+
 ## [5.58.0] - 2023-11-20
 
 ### Changed

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "hmrc-frontend",
-  "version": "5.59.0",
+  "version": "5.60.0",
   "description": "Design patterns for HMRC frontends",
   "scripts": {
     "start": "gulp dev",

diff --git a/src/components/account-menu/_account-menu.scss b/src/components/account-menu/_account-menu.scss
@@ -85,7 +85,7 @@ $hmrc-transition-type: "all";
 
   &:hover,
   &:focus {
-    outline: none;
+    outline: 3px solid rgba(0, 0, 0, 0);
     border-bottom-width: 4px;
     border-bottom-style: solid;
     color: $govuk-link-hover-colour;
@@ -225,7 +225,7 @@ body:not(.js-enabled) {
       padding: 12px 8px 8px;
 
       &:focus {
-        outline: none;
+        outline: 3px solid rgba(0, 0, 0, 0);
       }
     }
   }