FIO-9008 Added some of the missing accessibility tags to bootstrap5

formio · Sep 24, 2024 · a44956c · a44956c
1 parent f2326e0
commit a44956c
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/src/templates/bootstrap5/dialog/form.ejs b/src/templates/bootstrap5/dialog/form.ejs
@@ -2,6 +2,6 @@
   <div class="formio-dialog-overlay" ref="dialogOverlay"></div>
   <div class="formio-dialog-content" ref="dialogContents" role="dialog">
     <div ref="dialogContents"></div>
-    <button class="formio-dialog-close float-end btn-sm" aria-label="Close modal window." ref="dialogClose"></button>
+    <button class="formio-dialog-close float-end btn-sm" title="Close" aria-label="Close modal window." ref="dialogClose"></button>
   </div>
 </div>
diff --git a/src/templates/bootstrap5/file/form.ejs b/src/templates/bootstrap5/file/form.ejs
@@ -119,7 +119,7 @@
         <span>
           <img ref="fileImage" src="" alt="{{file.originalName || file.name}}" style="width:{{ctx.component.imageSize}}px">
           {% if (!ctx.disabled) { %}
-            <i tabindex="0" class="{{ctx.iconClass('remove')}}" ref="removeLink"></i>
+            <i tabindex="0" class="{{ctx.iconClass('remove')}}" ref="removeLink" aria-label="Remove button. Press to remove {{file.originalName || file.name}} file"></i>
           {% } %}
         </span>
       </div>

diff --git a/src/templates/bootstrap5/table/form.ejs b/src/templates/bootstrap5/table/form.ejs
@@ -9,7 +9,7 @@
   <thead>
     <tr>
       {% ctx.component.header.forEach(function(header) { %}
-      <th>{{ctx.t(header)}}</th>
+      <th scope="col">{{ctx.t(header)}}</th>
       {% }) %}
     </tr>
   </thead>
@@ -18,7 +18,7 @@
     {% ctx.tableComponents.forEach(function(row, rowIndex) { %}
     <tr ref="row-{{ctx.id}}">
       {% row.forEach(function(column, colIndex) { %}
-      <td ref="{{ctx.tableKey}}-{{rowIndex}}"{% if (ctx.cellClassName) { %} class="{{ctx.cellClassName}}"{% } %}>{{column}}</td>
+      <td scope="col" ref="{{ctx.tableKey}}-{{rowIndex}}"{% if (ctx.cellClassName) { %} class="{{ctx.cellClassName}}"{% } %}>{{column}}</td>
       {% }) %}
     </tr>
     {% }) %}