gh-518 Add captions to HTML tables

MauroDataMapper · Jul 22, 2022 · d62c739 · d62c739
1 parent d4d52ff
commit d62c739
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 1 deletion.
diff --git a/src/app/shared/mc-data-set-metadata/mc-data-set-metadata.component.html b/src/app/shared/mc-data-set-metadata/mc-data-set-metadata.component.html
@@ -73,6 +73,9 @@ <h4 class="marginless">
     [dataSource]="records"
     class="mdm--mat-table mat-elevation-z3 table-striped"
   >
+    <caption>
+      Metadata
+    </caption>
     <ng-container matColumnDef="namespace">
       <th
         mat-header-cell
@@ -267,7 +270,7 @@ <h4 class="marginless">
           count="1"
           [theme]="{ 'background-color': '#b7bbc5', width: '25%' }"
         ></ngx-skeleton-loader>
-      </th> 
+      </th>
     </tr>
     <tr>
       <td>

diff --git a/src/app/userArea/async-job-detail/async-job-detail.component.html b/src/app/userArea/async-job-detail/async-job-detail.component.html
@@ -24,6 +24,9 @@ <h4>
     <p>{{ job.jobName }}</p>
   </div>
   <table class="table table-bordered mdm--table-fixed">
+    <caption>
+      Job details
+    </caption>
     <tbody>
       <tr>
         <th class="detailsRowHeader" scope="row">Started by user</th>

diff --git a/src/app/userArea/async-job-list/async-job-list.component.html b/src/app/userArea/async-job-list/async-job-list.component.html
@@ -39,6 +39,9 @@ <h4 class="marginless">
         matSort
         class="mdm--mat-table table table-striped marginless"
       >
+        <caption>
+          Jobs
+        </caption>
         <ng-container matColumnDef="jobName">
           <th
             mat-header-cell