makes hide message link keyboard actionable

hmcts · Feb 11, 2025 · 3761922 · 3761922
1 parent 38f0abd
commit 3761922
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@hmcts/rpx-xui-common-lib",
-  "version": "2.0.34",
+  "version": "2.0.34-clickable-info-message",
   "engines": {
     "node": ">=18.19.0"
   },

diff --git a/projects/exui-common-lib/package.json b/projects/exui-common-lib/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@hmcts/rpx-xui-common-lib",
-  "version": "2.0.34",
+  "version": "2.0.34-clickable-info-message",
   "peerDependencies": {
     "launchdarkly-js-client-sdk": "^3.3.0",
     "ngx-pagination": "^3.2.1",

diff --git a/projects/exui-common-lib/src/lib/components/service-message/service-message.component.html b/projects/exui-common-lib/src/lib/components/service-message/service-message.component.html
@@ -9,7 +9,7 @@
         <span class="hmcts-banner__assistive">{{'Warning' | rpxTranslate}}</span>
         <h2 class="govuk-heading-s" [innerHTML]="message_en"></h2>
         <h2 *ngIf="message_cy" class="govuk-heading-s" [innerHTML]="message_cy"></h2>
-        <a [routerLink]="" class="govuk-link--no-visited-state" (click)="onHideMessageEvent(key)">{{'Hide message' | rpxTranslate}}</a>
+        <a [routerLink]="" tabindex="0" class="govuk-link--no-visited-state" (click)="onHideMessageEvent(key)" (keyup.enter)="onHideMessageEvent(key)">{{'Hide message' | rpxTranslate}}</a>
     </div>
 
 </div>