Accessibility amends for non-descriptive headings

Author: paulhowes-HMCTS

RELEASE-NOTES.md

@@ -1,4 +1,7 @@
 ## RELEASE NOTES
+### Version 2.68.6-non-descriptive-headings
+**EUI-3155** Accessibility amends for non-descriptive headings
+
 ### Version 2.67.5-dynamiclist-fix-in-complex
 **EUI-2350** Dynamic Lists in Complex Types
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hmcts/ccd-case-ui-toolkit",
-  "version": "2.67.5-dynamiclist-fix-in-complex",
+  "version": "2.68.6-non-descriptive-headings",
   "engines": {
     "yarn": "^1.12.3",
     "npm": "^5.6.0"

src/shared/components/palette/collection/write-collection-field.html

@@ -6,7 +6,7 @@ <h2 class="heading-h2">
       {{caseField | ccdFieldLabel}}
     </h2>
     <button class="button" type="button" (click)="addItem(true)" [disabled]="isNotAuthorisedToCreate()">Add new</button>
-    <h2 class="heading-h2 error-spacing">
+    <h2 *ngIf="caseField.hint_text || formArray.errors" class="heading-h2 error-spacing">
       <span *ngIf="caseField.hint_text" class="form-hint">{{caseField.hint_text}}</span>
       <span *ngIf="formArray.errors" class="error-message">{{formArray.errors | ccdFirstError}}</span>
     </h2>

src/shared/components/search-filters/search-filters.component.html

@@ -1,4 +1,5 @@
-<form>
+<h2 class="heading-h2" aria-label="Filters">Filters</h2>
+<form class="global-display">
   <div class="form-group" style="margin-top: 13px;">
     <label class="form-label" for="s-jurisdiction">Jurisdiction*</label>
     <select class="form-control form-control-3-4 ccd-dropdown" id="s-jurisdiction"

src/shared/components/search-result/search-result.component.html

@@ -1,6 +1,6 @@
 <table *ngIf="hasResults() || hasDrafts()">
   <caption>
-    <h2 class="heading-h2">{{ caseState ? 'Case List' : 'Search result' }}</h2>
+    <h2 class="heading-h2">{{ caseState ? 'Your cases' : 'Search result' }}</h2>
     <div *ngIf="(hasResults() || hasDrafts())" class="pagination-top"
          attr.aria-label="{{ getTotalResults() }} results have been found">
       <span class="text-16">Displaying {{ getFirstResult() }} - {{ getLastResult() }} out of {{ getTotalResults() }} results</span>