From a44956ce2437287f86a2ff79beaa1ef619746c09 Mon Sep 17 00:00:00 2001
From: Anton K <ntnkonon@gmail.com>
Date: Tue, 24 Sep 2024 16:12:06 +0200
Subject: [PATCH] FIO-9008 Added some of the missing accessibility tags to
 bootstrap5

---
 src/templates/bootstrap5/dialog/form.ejs | 2 +-
 src/templates/bootstrap5/file/form.ejs   | 2 +-
 src/templates/bootstrap5/table/form.ejs  | 4 ++--
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/templates/bootstrap5/dialog/form.ejs b/src/templates/bootstrap5/dialog/form.ejs
index 9b6b4f93..8034660e 100644
--- 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
index 84609d07..9d4aac35 100644
--- 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
index 39532d9e..5de91c3f 100644
--- 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>
     {% }) %}