Merge pull request #448 from hmcts/EXUI-1270-accessibility-bug-common…

…-lib Ex UI 1270 accessibility bug common lib
hmcts · Aug 19, 2024 · ceb2781 · ceb2781
2 parents 011f437 + 4431496
commit ceb2781
Show file tree

Hide file tree

Showing 5 changed files with 5 additions and 5 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@hmcts/rpx-xui-common-lib",
-  "version": "2.0.26",
+  "version": "2.0.27",
   "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.26",
+  "version": "2.0.27",
   "peerDependencies": {
     "launchdarkly-js-client-sdk": "^3.3.0",
     "ngx-pagination": "^3.2.1",

diff --git a/projects/exui-common-lib/src/lib/components/find-location/find-location.component.html b/projects/exui-common-lib/src/lib/components/find-location/find-location.component.html
@@ -1,7 +1,7 @@
 <div class="location-picker-custom">
   <div class="search-location">
     <div>
-      <label id="input-selected-location-label" *ngIf="locationTitle">{{locationTitle}}</label>
+      <label id="input-selected-location-label" for="inputLocationSearch" *ngIf="locationTitle">{{locationTitle}}</label>
     </div>
     <exui-search-location class="search-location"
                           [form]="form"

diff --git a/projects/exui-common-lib/src/lib/gov-ui/components/gov-uk-date/gov-uk-date.component.html b/projects/exui-common-lib/src/lib/gov-ui/components/gov-uk-date/gov-uk-date.component.html
@@ -21,7 +21,7 @@
             </xuilib-gov-label>
             <input class="govuk-input govuk-date-input__input govuk-input--width-2"
                    [ngClass]="{'govuk-input--error': errorMessage?.isInvalid}"
-                   [id]="config.id"
+                   [id]="config.id+'-day'"
                    [name]="config.id+'-day'" type="number" value="" pattern="[0-9]*"
                    [formControlName]="config.id+'_day'">
           </div>

diff --git a/projects/exui-common-lib/src/lib/gov-ui/components/gov-uk-date/gov-uk-date.component.spec.ts b/projects/exui-common-lib/src/lib/gov-ui/components/gov-uk-date/gov-uk-date.component.spec.ts
@@ -42,7 +42,7 @@ describe('GovUkDateComponent', () => {
   });
 
   it('should have input for day, month and year elements', () => {
-    const day = fixture.debugElement.query(By.css('#id'));
+    const day = fixture.debugElement.query(By.css('#id-day'));
     expect(day).toBeTruthy();
     const month = fixture.debugElement.query(By.css('#id-month'));
     expect(month).toBeTruthy();